Javascript 如何重置NoUiSlider?

Javascript 如何重置NoUiSlider?,javascript,jquery,reset,nouislider,Javascript,Jquery,Reset,Nouislider,如何使用javascript重置特定表单中的所有滑块?(jquery也可以接受)阅读以下部分: .noUiSlider.reset(); 如果有多个滑块,请按照以下方式实现循环: var sliderName = ["A","B","C"]; for(var i=0; i<sliderName.length; i++){ sliderName[i].noUiSlider.reset(); } var sliderName=[“A”、“B”、“C”]; 对于(var i=0;i来说,

如何使用javascript重置特定表单中的所有滑块?(jquery也可以接受)

阅读以下部分:

.noUiSlider.reset();
如果有多个滑块,请按照以下方式实现循环:

var sliderName = ["A","B","C"];
for(var i=0; i<sliderName.length; i++){
  sliderName[i].noUiSlider.reset();
}
var sliderName=[“A”、“B”、“C”];

对于(var i=0;i来说,NoUISlider v7.0也有同样的问题(我知道有一个更新的问题),我就是这样解决的:

给定以下标记:

<div class="container">
    <label>Price</label>
    <div class="slider" data-min="100" data-max="900000" data-step="1000"></div>
    <input type="hidden" class="input-filter-min" value="100" />
    <input type="hidden" class="input-filter-max" value="900000" />
    <span class="filter-min"></span> - <span class="filter-max"></span> €
</div>
要销毁并重新初始化(单击某处或您的操作后):


有点晚了,但是链接给我指明了正确的方向

在内部,它提到了重置方法,该方法将滑块重置为其开始值,这正是我所寻找的:

//返回“开始”值
//不重置任何其他滑块属性
slider.noUiSlider.reset()

我知道这样做,但这不是我想要的。我想一次重置多个滑块。有可能吗?这将设置而不是重置新值。区别很重要,因为有时你不想触发“设置”和“更新”事件。例如,当你有多个滑块,你想重置除用户正在播放的滑块以外的所有滑块时使用。@RegularEverydayNormalGuy创建一个新问题,然后…这是一个问题还是一个建议?这是一个解释为什么您的解决方案没有回答“如何重置NoUiSlider?”问题的语句。抱歉,我希望我可以:
var sliderName = ["A","B","C"];
for(var i=0; i<sliderName.length; i++){
  sliderName[i].noUiSlider.reset();
}
<div class="container">
    <label>Price</label>
    <div class="slider" data-min="100" data-max="900000" data-step="1000"></div>
    <input type="hidden" class="input-filter-min" value="100" />
    <input type="hidden" class="input-filter-max" value="900000" />
    <span class="filter-min"></span> - <span class="filter-max"></span> €
</div>
$('.slider').each(function() {
     $(this).noUiSlider({
            connect: true,
            behaviour: 'tap',
            start: [100,900000],
            step: 1000,
            range: {
                'min': 100,
                'max': 900000
            }
        });
});
$('.slider').each(function() {
        $(this)[0].destroy();
        $(this).parent().find('span[class^="filter"]').text('');

        var min = parseInt($(this).attr('data-min')), max = parseInt($(this).attr('data-max'));

        $(this).parent().find('.input-filter-min').val(min);
        $(this).parent().find('.input-filter-max').val(max);
    });    

    setNoUiSliders(); // which is a function that do the basic initialization in the previous example