Nouislider 设置范围可变
Nouislider setting range from variable
我正在使用 nouislider (https://refreshless.com/nouislider/),我想设置变量的范围值。
但如果我使用变量值,则不会创建滑块。
jQuery.each(sliders, function (key, slider) {
var id = $(this).attr("data-id");
var from = $(this).find("input[data-type='from']").val();
var to = $(this).find("input[data-type='to']").val();
var min = $(this).find("input[data-type='min']").val();
if(min < 0) {
min = 0;
}
var max = $(this).find("input[data-type='max']").val();
if(min == max) {
max += 1;
}
noUiSlider.create(slider.getElementsByClassName("attrfilterslider")[0], {
start: [from, to],
connect: true,
range: {
'min': from,
'max': to
},
animate: true,
});
});
起始点工作正常,范围差得多。当我将常量设置为范围点时,一切正常。但它不适用于变量。
我尝试更改变量、重新输入等,但它仍然无法正常工作。有什么解决办法吗?
嘿,我认为 noUIslider 期望数字而不是字符串。尝试 parseInt() 变量,它应该可以工作。
在这里你可以阅读 - https://refreshless.com/nouislider/slider-options/
我正在使用 nouislider (https://refreshless.com/nouislider/),我想设置变量的范围值。 但如果我使用变量值,则不会创建滑块。
jQuery.each(sliders, function (key, slider) {
var id = $(this).attr("data-id");
var from = $(this).find("input[data-type='from']").val();
var to = $(this).find("input[data-type='to']").val();
var min = $(this).find("input[data-type='min']").val();
if(min < 0) {
min = 0;
}
var max = $(this).find("input[data-type='max']").val();
if(min == max) {
max += 1;
}
noUiSlider.create(slider.getElementsByClassName("attrfilterslider")[0], {
start: [from, to],
connect: true,
range: {
'min': from,
'max': to
},
animate: true,
});
});
起始点工作正常,范围差得多。当我将常量设置为范围点时,一切正常。但它不适用于变量。 我尝试更改变量、重新输入等,但它仍然无法正常工作。有什么解决办法吗?
嘿,我认为 noUIslider 期望数字而不是字符串。尝试 parseInt() 变量,它应该可以工作。
在这里你可以阅读 - https://refreshless.com/nouislider/slider-options/