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

    /* ... */

   }
});