вызывая метод на ранее невидимого элемента

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 соответствует check событиям, настроенным для iCheck api. Я попытался добавить

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

он тоже не работал. На самом деле, если я помещаю этот последний код в файл slidecontrolslideControl.min.js, он работает. Но это не очень чисто, кто-то может помочь?

Answer 1

Хорошо, я понял, это было немного сложно: на самом деле, когда ifChecked на самом деле не синхронно с проверочным событием, поэтому я должен был это сделать! .

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