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"))

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