javascript - 在以前不可见的元素上触发方法

Question

我使用两个 jquery 插件SlideControl和iCheck，然后我使用这个脚本

$(document).ready(function(){
            $('.slideControl').slideControl({
                'lowerBound' : 1,
                'upperBound' : 10
            });
            $('.form-horizontal input').iCheck({
                checkboxClass: 'icheckbox_flat',
                radioClass: 'iradio_flat'
            });
            $("input").on("ifChecked",function(e){
                 $(this).parent().next().removeClass("invisible");
            });
});

$(this).parent().next()有 class .slideControl，所以它应该显示为滑块，但它不起作用。有关信息，ifChecked对应于为apicheck定制的事件。iCheck我试图添加

$("input").on("ifChecked",function(e){
          $(this).parent().removeClass("invisible");
          $('.slideControl').slideControl({
                    'lowerBound' : 1,
                    'upperBound' : 10
                });
});

它也没有用。事实上，如果我将最后一段代码放在slidecontrol文件slideControl.min.js中，它就可以工作。但它不是很干净，有人可以帮忙吗？

Answer 1

好的，我明白了，这有点棘手：事实上，当ifChecked与检查事件不同步时，我不得不这样做！

$("input").on("ifChecked",function(e){
                $(this).parent().addClass('checked');
                $(this).parent().removeClass("invisible");
      $('.slideControl').slideControl({
                'lowerBound' : 1,
                'upperBound' : 10
            });
            });