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

Posted 2023-05-09

【中文标题】jQuery noUISlider 插件：初始化后设置事件？

【英文标题】：jQuery noUISlider plugin: set events after initialisation?

【发布时间】：2013-11-17 17:27:39

【问题描述】：

我正在使用出色的 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
);

但是我得到一个错误。

【问题讨论】：

对于登陆这里的任何其他人，初始代码示例不适用于最新版本。使用 $('element').noUiSlider(range: [0,100]).on(slide: onSlide) (github.com/leongersen/noUiSlider/issues/…)

【参考方案1】：

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

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

应该适合你。

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

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

    /* ... */

   
   ,set: function () 

    /* ... */

   
);

【讨论】：

@Richard 请就这是否回答了您的问题提供反馈。