首页 > 解决方案 > 如何更新 Jquery 范围滑块中的值

问题描述

我正在使用 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_price19711 ,渲染的滑块如下:

在此处输入图像描述

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

知道我在做什么错吗?

标签: javascriptjqueryjquery-uijquery-ui-sliderrangeslider

解决方案


推荐阅读