jquery - iCheck 复选框不显示

Question

我无法获取iCheck iCheckbox plugin在任何浏览器中显示。

这是一个 jSFiddle。 iCheck 依赖于 jQuery 1.7+。

http://jsfiddle.net/jmj3M/2/

我已将其初始化，没有任何选项:

$(".ex-f").iCheck();

如果您检查 DOM，您会发现输入元素被 iCheckbox div 包裹着。两者都是<input>和<ins>然而，元素的不透明度设置为 0。

通过 jQuery 更改其不透明度，您会得到:http://jsfiddle.net/buRq7/

不幸的是，它仍然不起作用。有人对让它发挥作用有任何建议或经验吗？

我正在使用 Rails 4 和 Assets 管道。

编辑: 我刚刚意识到我在 jsFiddle 中选择了无库(纯 JS)作为框架选项，即使不更改不透明度，它似乎也能工作(请参阅: http://jsfiddle.net/buRq7/5/ )。然而，文档明确指出它依赖于 jQuery(或 Zepto)。将框架选项切换到 jQuery 1.10.1 会导致 iCheckbox 不再起作用......不知道为什么。

Answer 1

仅不带任何参数的 .iCheck() 是行不通的。您至少需要以下内容:

 $('input').iCheck({
            checkboxClass: 'icheckbox_minimal-grey',
            radioClass: 'iradio_minimal-grey'
        });