javascript - iCheck on() 方法回调不起作用

Question

我正在使用使用iCheck v1.0.2的引导模板

当我创建这样的输入时：

<input id="follow_us" type="checkbox">

它生成结果：

<div class="icheckbox_minimal-grey" style="position: relative;">
  <input id="follow_us" type="checkbox" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);">
  <ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
</div>

我想检测此复选框的更改。正如文档所说，有一种方法：

$('#follow_us').on('ifChanged', function(event){
  alert(event.type + ' callback');
});

但这完全没有任何作用。其他所有回调都相同。我错过了什么吗？

Answer 1

看起来您没有将复选框初始化为 iCheck 对象。为此，您需要添加以下内容：

$('#follow_us').iCheck();

在 iCheck 回调起作用之前添加到您的脚本中。查看文档（上面链接）以获取有关您可以在初始化时设置的选项的更多信息。