Javascript 如何在没有取消绑定事件的情况下在两个滑块之间切换？

在noUiSlider用法方面，我有一个棘手的问题。我有两个滑块，我想根据需要切换

现在的问题是一个是从左到右，另一个是从右到左。如果我现在破坏滑块并创建一个新的滑块，一切都会像一个符咒一样工作。但问题是，由于我绝对需要避免的破坏，“滑动”事件将被解除绑定

有什么解决方法吗？

您有一些选择：

您可以创建两个滑块（一个从左到右，一个从右到左），将事件处理程序附加到这两个滑块，并隐藏未使用的滑块

或者，可以在重新创建滑块后重新添加相同的事件处理程序

作为伪代码：

function initializeSlider(direction) {
    var slideEventHandler = function () { /***/ }

    var slider = noUiSlider.create( /.../ );

    slider.noUiSlider.on('slide', slideEventHandler);
}


initializeSlider('rtl');

// ....

slider.noUiSlider.destroy();

initializeSlider('ltr');