Javascript 如何重置NoUiSlider?
如何使用javascript重置特定表单中的所有滑块?(jquery也可以接受)阅读以下部分: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来说,
.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