我正在使用 Jquery UI 创建滑块。这里是链接:http://jqueryui.com/slider/#range。我需要滑块仅在单击滑块手柄(灰色方块)时移动。现在,如果您单击那些灰色方块的内部或外部,它就会移动。谢谢!
我实际上只是使用 CSS 修复了这个问题。如果其他人有这个问题,我的解决方案基本上是从外部 div id 中删除指针事件,并将其仅保留在 ui-slider-handle 上。希望这对其他人有帮助:)
#slider-range { pointer-events: none; }
#slider-range .ui-slider-handle { pointer-events: auto; }
如果您想为所有滑块更改此设置,您可以使用此全局 CSS:
.ui-slider { pointer-events: none; }
.ui-slider .ui-slider-handle { pointer-events: auto; }