Javascript 使用updateOptions后重置noUiSlider
我正在使用noUISlider的updateOptions函数来更新滑块的开始和范围选项。更新值并与滑块交互后,我使用noUISlider.reset()重置滑块。但是,当使用reset时,它将重置为create()状态期间设置的值,而不是updateOptions值。以前有没有人遇到过类似的问题?为什么reset()不将滑块更新为新的Javascript 使用updateOptions后重置noUiSlider,javascript,jquery,nouislider,Javascript,Jquery,Nouislider,我正在使用noUISlider的updateOptions函数来更新滑块的开始和范围选项。更新值并与滑块交互后,我使用noUISlider.reset()重置滑块。但是,当使用reset时,它将重置为create()状态期间设置的值,而不是updateOptions值。以前有没有人遇到过类似的问题?为什么reset()不将滑块更新为新的start值 代码 var slider = document.getElementById('price-slider'); if (slid
start
值
代码
var slider = document.getElementById('price-slider');
if (slider.noUiSlider == undefined)
{
noUiSlider.create(slider, {
start: [min_total_price, max_total_price],
connect: true,
range: {
'min': min_total_price,
'max': max_total_price
},
step: 1,
format: {
to: function (value) {
return Math.floor(value);
},
from: function (value) {
return Math.floor(value);
}
}
});
}
else
{
slider.noUiSlider.updateOptions({
start: [min_total_price, max_total_price],
range: {
'min': min_total_price,
'max': max_total_price
}
});
}
$(".reset").click(function() {
slider.noUiSlider.reset(); // Why is this not resetting to updateOptions values?
}
reset
返回已在现有滑块实例上更新的值是没有意义的。我认为,reset
正是我们应该做的
我不明白重置在您的情况下意味着什么,恢复最新的更新,但保留以前的更新?您可以将最小值/最大值存储在某些全局变量或窗口属性中,通过这种方式,您可以完全控制它们,可以随时指定值,也可以随时删除值。单击该按钮,只需将现有滑块实例更新为您存储的值。我不理解重置的目的,为什么在您刚刚绘制(初始化)它之后需要重置它?我更新了帖子。重置应在单击按钮后进行