javascript - Jquery iCheck 在列表输入中不起作用

Question

我使用 Jquery iCheck插入。我添加了 iradio_minimal class 用于将 checkbox/radiobox 更改为新样式并设置函数用于更改所有 input，但是这没用。我认为我的 jquery function 无法正常工作。

如何解决这个问题？

J查询函数:

    $(document).ready(function(){
      $('input').iCheck({
        checkboxClass: 'icheckbox_minimal',
        radioClass: 'iradio_minimal',
        increaseArea: '20%'
      });
    });

HTML:

              <ul class="list">
                <li>
                  <input tabindex="5" type="checkbox" id="minimal-checkbox-1">
                  <label for="minimal-checkbox-1">Checkbox 1</label>
                </li>
                <li>
                  <input tabindex="6" type="checkbox" id="minimal-checkbox-2" checked>
                  <label for="minimal-checkbox-2">Checkbox 2</label>
                </li>
                <li>
                  <input type="checkbox" id="minimal-checkbox-disabled" disabled>
                  <label for="minimal-checkbox-disabled">Disabled</label>
                </li>
                <li>
                  <input type="checkbox" id="minimal-checkbox-disabled-checked" checked disabled>
                  <label for="minimal-checkbox-disabled-checked">Disabled &amp; checked</label>
                </li>
              </ul>

现场演示 JsFiddle

Answer 1

http://jsfiddle.net/dVSEB/4/

$('input').iCheck({
    checkboxClass: 'icheckbox_minimal',
    radioClass: 'iradio_minimal',
    increaseArea: '20%'
});

我通过将 iCheck 代码包含在实际的 JSFiddle 本身中(差不多)让它工作

问题是无法识别 iCheck 功能，这通常表示文件未正确加载。 你如何调用 iCheck 文件？