Обновить значения ползунка диапазона jquery - PullRequest
Новая
       29

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

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

Я использую ползунок диапазона Jquery для поиска цен.У меня есть левая сторона, где находится панель поиска, и правая сторона, где я показываю автомобили.Транспортные средства, которые я получаю из API с помощью вызова ajax.В success функции вызова ajax у меня есть следующий код: 

success: function (result) {    
     vehicles_spinner.addClass("hidden");

     $('#' + target_id).fadeOut(80, function () {
          $(this).html(result).fadeIn(80); 
          $.HSCore.components.HSCarousel.init('[class*="js-carousel"]');
    });

    loadFilters();
},

Таким образом, я использую fadeOut и fadeIn, чтобы показать хороший эффект, когда появляется список транспортных средств.Это прекрасно работает.

Проблема в ползунке диапазона jquery.Чтобы иметь возможность обновлять значения ползунка, его необходимо инициализировать следующим образом: 

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

Но они не обновляются доЯ снова запускаю слайдер.Таким образом, код, который я использую для его обновления, выглядит следующим образом: 

let price_slider = $("#vehicles #price-slider");
price_slider.slider('values', 0, min_price);
price_slider.slider('values', 1, max_price);
$.HSCore.components.HSSlider.init(price_slider);

Он работает нормально, но проблема в том, что он несколько раз работает в функции успеха ajax, а список транспортных средств исчезает и исчезает впару раз, и это не выглядит так хорошо.

У меня такое ощущение, что обновленные значения ползунка обновляют страницу.

Когда я обновляю значения без $.HSCore.components.HSSlider.init(price_slider);, я получаю что-то какследует:

enter image description here

Список транспортных средств исчезает и исчезает за один раз, что я хочу, так что это нормально, но слайдер нене выглядит хорошо.

Когда я не использую $.HSCore.components.HSSlider.init(price_slider);, ползунок выглядит хорошо:

enter image description here

Но список транспортных средств исчезает и исчезаетнесколько раз.

Есть идеи, как это решить?Обручаюсь, что могу это объяснить.

...