Jquery UI - 范围滑块 - 仅在单击滑块手柄时移动滑块

问题描述 投票:0回答:1

我正在使用 Jquery UI 创建滑块。这里是链接:http://jqueryui.com/slider/#range。我需要滑块仅在单击滑块手柄(灰色方块)时移动。现在,如果您单击那些灰色方块的内部或外部,它就会移动。谢谢!

jquery jquery-ui
1个回答
3
投票

我实际上只是使用 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; }
© www.soinside.com 2019 - 2024. All rights reserved.