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
対応しています。追加してみましたcheck
iCheck
$("input").on("ifChecked",function(e){
$(this).parent().removeClass("invisible");
$('.slideControl').slideControl({
'lowerBound' : 1,
'upperBound' : 10
});
});
それもうまくいきませんでした。実際、この最後のコードをslidecontrol
ファイル内に配置するslideControl.min.js
と、機能します。しかし、それはあまりきれいではありません。誰か助けてもらえますか?