更新jquery范围滑块的值

Question

我正在使用Jquery范围滑块搜索价格。我的左侧是搜索面板，右侧是展示车辆。我通过ajax调用从API获得的车辆。在ajax调用的success函数中，我的代码如下：

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);的情况下更新值时，会得到如下信息：

车辆列表会一次消失，一次消失，我想要的是什么，因此很好，但是滑块看起来不太好。

当我不使用$.HSCore.components.HSSlider.init(price_slider);时，滑块看起来不错：

但是车辆列表会逐渐消失并消失几次。

任何想法如何解决？我希望我能解释一下。