引發了以前看不見的元素方法

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()有.slideControl類，因此它應該顯示爲一個滑塊，但它不工作。有關信息，ifChecked對應於爲iCheck api定製的check事件。我試圖添加

$("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 
      }); 
      });