javascript - Nouislider 设置范围可变

Question

我正在使用 nouislider ( https://refreshless.com/nouislider/ )，我想设置变量的范围值。但如果我使用变量值， slider 将不会创建。

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,
    });
});

起点工作得很好，但范围要差得多。当我将常量设置为范围点时，一切正常。但它不适用于变量。我尝试更改变量、重新输入等，但它仍然不起作用。有什么解决办法吗？

Answer 1

嘿，我认为 noUIslider 期望数字而不是字符串。尝试 parseInt() 变量，它应该可以工作。

在这里您可以阅读 - https://refreshless.com/nouislider/slider-options/