Как переключаться между двумя ползунками без несвязанных событий?

Question

У меня есть хитрость ie проблема с использованием noUiSlider. У меня есть два ползунка, которые я бы хотел переключить в зависимости от необходимости.

Теперь проблема в том, что один находится слева направо, а другой справа налево. Если я сейчас уничтожу слайдер и создам новый, все работает как шарм. Но проблема в том, что событие 'slide' не будет связано из-за разрушения, которого мне определенно нужно избегать.

Есть ли обходной путь для этого?

Answer 1

У вас есть несколько вариантов:

Вы можете создать два ползунка (один слева направо, один справа налево), прикрепить обработчик события к обоим и скрыть тот, который не используется;

Кроме того, вы можете повторно добавить тот же обработчик событий после воссоздания ползунка.

Как псевдокод:

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

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

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


initializeSlider('rtl');

// ....

slider.noUiSlider.destroy();

initializeSlider('ltr');