noUiSlider 사용 측면에서 까다로운 문제가 있습니다. 필요에 따라 토글하고 싶은 두 개의 슬라이더가 있습니다.
이제 문제는 하나가 왼쪽에서 오른쪽이고 다른 하나가 오른쪽에서 왼쪽이라는 것입니다. 이제 슬라이더를 파괴하고 새 슬라이더를 만들면 모든 것이 매력처럼 작동합니다. 그러나 문제는 내가 반드시 피해야 할 파괴로 인해 '슬라이드'이벤트가 바인딩 해제된다는 것입니다.
이에 대한 해결 방법이 있습니까?
몇 가지 옵션이 있습니다.
두 개의 슬라이더 (하나는 왼쪽에서 오른쪽, 하나는 오른쪽에서 왼쪽)를 만들고 이벤트 핸들러를 둘 다에 연결하고 사용하지 않는 슬라이더는 숨길 수 있습니다.
또는 슬라이더를 다시 만든 후 동일한 이벤트 처리기를 다시 추가 할 수 있습니다.
의사 코드로 :
function initializeSlider(direction) {
var slideEventHandler = function () { /***/ }
var slider = noUiSlider.create( /.../ );
slider.noUiSlider.on('slide', slideEventHandler);
}
initializeSlider('rtl');
// ....
slider.noUiSlider.destroy();
initializeSlider('ltr');
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다