Question

我正在使用优秀的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
});

但是我收到了一个错误。

Answer 1

您可以稍后初始化change事件。

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

应该适合你。

对于slide和set事件，我只知道一种初始化它们的方法，即在初始滑块加载期间。（我想不出这种情况虽然不够）

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

    /* ... */

   }
   ,set: function () {

    /* ... */

   }
});

jQuery noUISlider插件：初始化后设置事件？

1 个答案: