【问题标题】:Jquery UI - Range Slider - only move slider when clicking on slider handleJquery UI - Range Slider - 仅在单击滑块句柄时移动滑块
【发布时间】:2015-05-18 19:15:31
【问题描述】:

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

【问题讨论】:

  • 点击范围滑块的手柄肯定不会也不应该做任何事情。当您单击可以向任一方向移动的控件时,它如何知道您是要增加还是减少该值?
  • 我不明白你的问题。当您单击并拖动它时,以及当您在其外部单击时,手柄栏都会移动。我希望它仅在您单击并拖动手柄条(灰色方块)时移动。老实说,我不明白你为什么给我这个问题的负面评价。如果您单击我发布的链接,就很容易理解我在说什么。
  • “拖动”这个词是这里的关键。您的问题要求提供一种解决方案,以在单击时移动滑块而不提及拖动。现在很明显,您真正想要的是防止不在句柄上的点击影响范围。因此产生了误解。

标签: jquery jquery-ui


【解决方案1】:

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

#slider-range { pointer-events: none; }
#slider-range .ui-slider-handle { pointer-events: auto; }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-05-06
    • 1970-01-01
    • 1970-01-01
    • 2013-12-30
    • 2011-04-12
    • 2021-11-02
    • 2012-01-23
    相关资源
    最近更新 更多