Как обновить значения в ползунке диапазона Jquery - PullRequest
Новая
       36

Как обновить значения в ползунке диапазона Jquery

0 голосов
/ 19 ноября 2018

Я использую слайдер диапазона 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.

Есть идеи, что я делаю не так?

...