Nouislider设置范围从变量

时间:2017-12-11 12:35:25

标签: javascript jquery nouislider

我正在使用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,
    });
});

起点工作正常,范围更差。当我将常量设置为范围点时,一切正常。但它不与变量合作。 我试图改变变量,重新输入等但它仍然无法正常工作。任何想法如何解决它?

1 个答案:

答案 0 :(得分:1)

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

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