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

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 () {

    /* ... */

   }
});