首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何重置NoUiSlider?

如何重置NoUiSlider?
EN

Stack Overflow用户
提问于 2015-07-07 21:27:11
回答 4查看 7.2K关注 0票数 3

如何使用javascript重置特定形式的所有滑块?(也可以接受jquery) http://refreshless.com/nouislider/

EN

回答 4

Stack Overflow用户

发布于 2015-07-07 21:30:22

请阅读Setting slider values部分:

代码语言:javascript
复制
// Set one .noUiSlider.setue
slider.noUiSlider.set(10);
slider.noUiSlider.set([150]);

// Set the upper handle,
// don't change the lower one.
slider.noUiSlider.set([null, 14]);

// Set both slider handles
slider.noUiSlider.set([13.2, 15.7]);
票数 5
EN

Stack Overflow用户

发布于 2019-07-02 20:15:57

有点晚了,但Praveen's comment的链接为我指明了正确的方向。

noUiSlider-Reference中,它提到了reset-method,该方法将滑块重置为它的起始值,这正是我要寻找的:

代码语言:javascript
复制
    // Return to the 'start' values
    // Does NOT reset any other slider properties
    slider.noUiSlider.reset()
票数 3
EN

Stack Overflow用户

发布于 2018-05-22 12:48:52

代码语言:javascript
复制
<sliderName>.noUiSlider.reset();

如果您有多个滑块,则将循环实现为:

代码语言:javascript
复制
var sliderName = ["A","B","C"];
for(var i=0; i<sliderName.length; i++){
  sliderName[i].noUiSlider.reset();
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31269897

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档