iCheck on() 方法回调不起作用
iCheck on() method callback not working
我正在使用 bootstrap 模板,该模板使用 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>
我想检测此复选框的变化。 As the documentation says,有一个方法:
$('#follow_us').on('ifChanged', function(event){
alert(event.type + ' callback');
});
但这绝对没有任何作用。与所有其他回调相同。我错过了什么吗?
您似乎没有initialize将复选框作为 iCheck 对象。
为此,您需要添加以下内容:
$('#follow_us').iCheck();
在 iCheck 回调起作用之前添加到您的脚本。查看文档(上面链接)以获取有关您可以在初始化时设置的选项的更多信息。
我正在使用 bootstrap 模板,该模板使用 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>
我想检测此复选框的变化。 As the documentation says,有一个方法:
$('#follow_us').on('ifChanged', function(event){
alert(event.type + ' callback');
});
但这绝对没有任何作用。与所有其他回调相同。我错过了什么吗?
您似乎没有initialize将复选框作为 iCheck 对象。 为此,您需要添加以下内容:
$('#follow_us').iCheck();
在 iCheck 回调起作用之前添加到您的脚本。查看文档(上面链接)以获取有关您可以在初始化时设置的选项的更多信息。