Javascript 具有两个数字输入的多个滑块

我试图在同一页面的多个位置上使用一个类。现在我有两个滑块，两个都工作正常，除了当我更改第二个输入的值时有一个奇怪的行为，它实际上更新了第一个句柄和输入。如果有人帮助我，我将不胜感激

函数绑定值（价格滑动条、inputNumberMin、inputNumberMax）{
price_slider.noUiSlider.on（'update'，函数（值，句柄）{
var值=值[句柄]；
if（句柄）{
inputNumberMax.value=数学四舍五入（值）；
}否则{
inputNumberMin.value=Math.round（值）；
}
});
inputNumberMin.addEventListener（'change'，function（））{
price_slider.noUiSlider.set（此.value）；
});
inputNumberMax.addEventListener（'change'，function（））{
price_slider.noUiSlider.set（此.value）；
});
}
var price_滑块=$（'.price filter'）；
var inputsumbermin=$（'.price-filter-min-price'）；
var inputsumbermax=$（'.price filter max price'）；
对于（变量i=0；i

---

您的问题在于：

  inputNumberMin.addEventListener('change', function(){
      price_slider.noUiSlider.set(this.value);
  });
  inputNumberMax.addEventListener('change', function(){
      price_slider.noUiSlider.set(this.value); // <<< here   
  });

更新小提琴：

price_slider.noUiSlider.set([null, this.value]); // 'null' values are ignored.