iCheck 复选框未显示答案

【问题标题】：iCheck checkboxes not displayingiCheck 复选框未显示
【发布时间】：2013-08-27 22:14:07
【问题描述】：

我无法在任何浏览器中显示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 中选择了无库（纯 JS）作为框架选项，即使不改变不透明度也似乎可以工作（参见：http://jsfiddle.net/buRq7/5/）。但是，文档明确表示它依赖于 jQuery（或 Zepto）。将框架选项切换到 jQuery 1.10.1 会导致 iCheckbox 不再起作用……不知道为什么会这样。

【问题讨论】：

你发现了吗？
不，我从来没想过。除了上述内容之外，我还无法对其进行深入研究，也许我很快会再试一次。如果你弄明白了，请告诉我。

标签： jquery ruby-on-rails checkbox asset-pipeline icheck

【解决方案1】：

没有任何参数的 .iCheck() 将不起作用。您至少需要以下内容：

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

【讨论】：

他们从未在文档中这样说：D
他们的文档非常混乱。感谢您为我节省了这么多时间！
设置了相同的问题和参数，似乎是冲突，但目前没有时间追查。

【解决方案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/

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：