jquery - Ryan Fait 自定义表单元素插件。多个 CSS 类问题

Question

我正在使用 Ryan Fait 的自定义表单元素插件 http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/用于复选框和单选按钮样式。

<input type="checkbox" name="check" value="" class="styled" id="check" />
<label for="check">Check me!</label>

插件找到带有 .styled 的输入类，隐藏它并添加一个 <span>元素代替。在我将另一个 CSS 类添加到输入之前，这工作正常:

<input type="checkbox" name="check" value="" class="styled required" id="check" />
<label for="check">Check me!</label>

在这种情况下，默认输入消失了，但据我所知 <span>未添加元素，我只看到标签。看起来插件无法找到具有“.styled”类的元素。

在 .styled 之前或之后向输入添加什么类并不重要类，所以我确定这不是 CSS 问题。

有人遇到同样的问题吗？

谢谢!

Answer 1

问题出在插件中。

如果您正在使用 Ryan Fait 的自定义表单元素并且需要向 input 元素添加更多类，则必须编辑插件。

我为修复此行为所做的是下一个小改动。我替换了这条语句

inputs[a].className == "styled" 

用这个

($(inputs[a]).hasClass("styled"))

在所有情况下。此样式开始正常工作后。