Jquery UI - Range Slider -仅在单击滑块手柄时移动滑块

83qze16e  于 12个月前  发布在  jQuery
关注(0)|答案(1)|浏览(98)

我使用Jquery UI来创建一个滑块。这里的链接:http://jqueryui.com/slider/#range。我需要滑块只有在点击滑块手柄(灰色方块)时才移动。现在它移动,如果你点击或外面或那些灰色方块。谢谢!

busg9geu

busg9geu1#

实际上,我只是用CSS修复了这个问题。如果其他人也有这个问题,我的解决方案基本上是从外部div id中删除指针事件,并将其仅保留在ui滑块句柄上。希望这对其他人有帮助:)

#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; }

相关问题