我正在尝试找到一种方法来禁用我的jQuery UI滑块轨道上的点击。单击手柄是可以的,但如果用户单击轨道,则不希望手柄响应。
在document.ready()中设置滑块如下:
$('#navScroller').slider({
value: 0,
start: onNavScrollStart,
slide: onNavScrollSlide,
animate: slideSpeed,
max: slideWidth
});
我尝试了两种方式:
$('#navScroller').unbind('click');
和
$('#navScroller .ui-slider').unbind('click');
两种方法都无法阻止滑块响应轨道点击事件。
有什么想法可以实现这一点吗? 谢谢!
编辑:我刚刚发现使用:
$('#navScroller').unbind('mousedown');
移除整个滑块(包括手柄)的点击事件,更符合我的需求,但我仍然需要能够拖动手柄。
#navSlider .ui-slider-handle { point-events: auto; }
改为#navSlider .ui-slider-handle { pointer-events: auto; }
。在此要使用 pointer-events 而不是 point-events。 - harsha