jquery - iCheck 复选框未显示

Question

我无法在任何浏览器中显示iCheck iCheckbox 插件。

这是一个 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 和资产管道。

编辑： 我刚刚意识到我在 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'
        });

Answer 2

选择一个皮肤并导入所选皮肤的 css：

<link href="http://fronteed.com/iCheck/skins/all.css" rel="stylesheet"> 
<script src="http://fronteed.com/iCheck/icheck.js"></script>

并加载您可以使用的 iCheck，例如：

$(".ex-f").iCheck({
    checkboxClass: 'icheckbox_minimal',
    radioClass: 'iradio_minimal'
});

检查它：http: //jsfiddle.net/a4p6kjb9/

Answer 3

我还注意到使用错误css的文件而不包括正确的文件png可能会导致它iCheck无法正常工作。

所以css你选择的文件必须checkboxClass与radioClass你设置的和对应。

Answer 4

所以我遇到了同样的问题，它可能与较新版本的 jQuery 有关，但您需要使用选择器指定输入类型：​

$("input[type='checkbox'], input[type='radio']").iCheck({
    checkboxClass: 'icheckbox_minimal',
    radioClass: 'iradio_minimal'
});