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

时间:2013-10-28 15:06:17

标签: javascript jquery css

我使用Jquery iCheck插件。我添加iradio_minimal class以便将checkbox/radiobox更改为新样式,将Set函数更改为input,但这不起作用。我认为我的jquery function无法正常运作。

如何解决这个问题?

Jquery函数:

    $(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

中的现场演示

1 个答案:

答案 0 :(得分:0)

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

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

我通过将iCheck代码包含在实际的JSFiddle本身

中来实现它

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

相关问题