Question

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

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

我没有任何选项进行了初始化：

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

正如您所看到的，如果您检查DOM，则输入元素将被iCheckbox div包装。但是，<input>和<ins>元素的不透明度都设置为0。

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

不幸的是，它仍然不起作用。有没有人有任何关于让这个工作的建议或经验？

我正在使用rails 4和资产管道。

修改我刚刚意识到我在jsFiddle中选择了no-library（纯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'
});

iCheck复选框不显示

4 个答案: