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和资产管道.

编辑: 我只是意识到我没有选择库(纯JS)作为的jsfiddle框架选项,似乎即使不改变不透明度的工作(见: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/