如何在Jquery范围滑块中更新值

时间:2018-11-19 07:16:19

标签: javascript jquery jquery-ui jquery-ui-slider rangeslider

我正在使用jquery范围滑块。我有一个ajax调用,并且在该ajax调用中设置了滑块值。代码如下:

$.ajax({
        type: "POST",
        url: '/api/get-prices/',
        data: JSON.stringify(filters),
        contentType: "application/json",
        beforeSend: function (xhr, settings) {
            let csrftoken = getCookie('csrftoken');
            if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                xhr.setRequestHeader("X-CSRFToken", csrftoken);
            }
        },
        success: function (response) {
            let min_price = parseInt(_.min(response['prices']));
            let max_price = parseInt(_.max(response['prices']));
            let price_slider = $("#vehicles #price-slider");

            $.HSCore.components.HSSlider.init(price_slider);
            price_slider.slider( "values", 0", min_price );
            price_slider.slider( "values", 1, max_price );
            price_slider.attr('data-min', min_price);
            price_slider.attr('data-max', max_price);
            price_slider.attr('data-default', min_price + ", " + max_price);
            min_price_wrapper.html(addDotAsThousandSeparator(min_price) + "€");
            max_price_wrapper.html(addDotAsThousandSeparator(max_price) + "€");
            $.HSCore.components.HSSlider.init(price_slider);
        },
        error: function () {

        }
    })

当我成功执行此操作时,滑块将呈现良好的状态,而我看到的标签也将良好。 min_price是12690,而max_price是19711,呈现的滑块如下:

enter image description here

一切似乎都很好。但是,当我开始滑动时,这些值是不正确的。起始标签是30,而不是12690,终止标签是35000,而不是19711。

知道我在做什么错吗?

0 个答案:

没有答案