1

私は優れた jQuery スライダー プラグインnoUISliderを使用しています。

次のように、スライダーを初期化し、イベントを設定できます。

var onSlide = function() { console.log('slide'); };
$('#bnv-expert-current').noUiSlider({
      range: [0,100], 
      start: [0,100], 
      step: 10,
      margin: 10,
      slide: onSlide
});

ただし、最初にスライダーを初期化してから、コードの後半でイベントを設定したいと思います。これは可能ですか？

後でイベントを追加できるかどうかを確認するために、これを試してみました。

$('#bnv-expert-current').noUiSlider({
      range: [0,100], 
      start: [0,100], 
      step: 10,
      margin: 10
});
$('#bnv-expert-current').noUiSlider({
      margin: 10
});

しかし、エラーが発生します。

4

1 に答える 1

2

changeイベントは後で初期化できます。

$('#bnv-expert-current').on('change', function(){
    alert('change');
});

あなたのために働くはずです。

slideおよびイベントについては、setそれらを初期化する 1 つの方法しか認識しておらず、それは最初のスライダーの読み込み中です。（これで十分ではないケースは考えられませんが）

$('.slider').noUiSlider({
   range: [ 10, 50 ]
   ,start: [ 2, 40 ]
   ,slide: function () {

    /* ... */

   }
   ,set: function () {

    /* ... */

   }
});
于 2013-11-06T19:30:55.937 に答える