Jquery 在使用ajax更改输入后重新加载jslider

我正在使用这个jQueryJSlider插件，它工作得非常好。它基本上是通过将“输入”项“重绘”到滑块中来工作的

Document ready工作正常，并按预期绘制滑块，但接下来我将根据用户选择使用ajax调用来更改页面上“输入”的数量，从而更改滑块的数量，但我遇到的困难是让插件在ajax调用后在新输入上“重绘”滑块

我尝试将滑块调用封装在函数initSliders（）中，如下所示，这样可以在ajax调用后刷新，但不会重新绘制滑块

有什么建议吗

插件所需位：

//在ajax之前

<div id="decide1_right">
    <input id="Sliderx" type="slider" name="area" value="20;100" />
</div>

//滑块材料

$(document).ready(function() {
  initSliders();
});

function initSliders() {
   $("#Sliderx").slider({ 
      from: 0, 
      to: 120, 
      step: 0.1, 
      format: { format: '##.0'},
      round:1,
      scale: ['0', '20%', '40%', '60%', '80%', '100%', '120%'], 
      limits: false,
   });
   $("#Slidery").slider({ 
      from: 0, 
      to: 120, 
      step: 0.1, 
      format: { format: '##.0'},
      round:1,
      scale: ['0', '20%', '40%', '60%', '80%', '100%', '120%'], 
      limits: false,
   });
}

---

使用jquery的ajaxComplete函数。。它应该在每次ajax调用后启动

$("#Sliderx, #Slidery").ajaxComplete(function () {
   //logic here
});

function initSliders() {
   $("#Sliderx").slider({ 
      from: 0, 
      to: 120, 
      step: 0.1, 
      format: { format: '##.0'},
      round:1,
      scale: ['0', '20%', '40%', '60%', '80%', '100%', '120%'], 
      limits: false,
   });
   $("#Slidery").slider({ 
      from: 0, 
      to: 120, 
      step: 0.1, 
      format: { format: '##.0'},
      round:1,
      scale: ['0', '20%', '40%', '60%', '80%', '100%', '120%'], 
      limits: false,
   });
}

$("#Sliderx, #Slidery").ajaxComplete(function () {
   //logic here
});