SlideControlとiCheckの2 つの jquery プラグインを使用してから、このスクリプトを使用します。
$(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ので、スライダーとして表示されるはずですが、機能しません。なお、 API向けにカスタマイズされたイベントにifChecked対応しています。追加してみましたcheckiCheck
$("input").on("ifChecked",function(e){
$(this).parent().removeClass("invisible");
$('.slideControl').slideControl({
'lowerBound' : 1,
'upperBound' : 10
});
});
それもうまくいきませんでした。実際、この最後のコードをslidecontrolファイル内に配置するslideControl.min.jsと、機能します。しかし、それはあまりきれいではありません。誰か助けてもらえますか?