【问题标题】:Add left and right arrows to scroll slider?添加左右箭头以滚动滑块?
【发布时间】:2013-01-08 04:47:39
【问题描述】:

除了默认滚动条之外,是否可以向 jQuery UI Slider 添加左右箭头?

我正在使用的特定示例是这个 -> http://jqueryui.com/slider/#side-scroll

如您所见,它带有内容底部的拖动滑块。但是,我还想在鼠标悬停时添加一个左右箭头,它将分别向左和向右递增滚动滚动条。

感谢您对此的任何见解!

【问题讨论】:

  • 是的,有可能。使用提供的 API 来设置滑块的值。
  • 我试过了,还是不行……
  • 在这种情况下,请向我们展示您所做的事情,有人将能够帮助您使您的代码正常工作。
  • 这是我目前拥有的 fiddle.net 代码jsfiddle.net/j4WY6/11 您可以看到将鼠标悬停在左/右链接上确实滚动了滑块的“值”,但内容没有移动因为某些原因。我一定是错过了什么。

标签: jquery jquery-ui uislider


【解决方案1】:

您遗漏了一个小细节。滑块小部件本身不控制内容的位置。它的slide 方法可以解决这个问题。当您以编程方式更新滑块的值时,未调用此方法,因为未发生用户交互。

我重构了您的代码,使 slide 不再是匿名函数。我从悬停手上调用它:

http://jsfiddle.net/j4WY6/13/

【讨论】:

  • 非常感谢...正是我需要的...非常感谢!
【解决方案2】:

【讨论】:

    猜你喜欢
    • 2018-07-13
    • 2013-07-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-15
    • 1970-01-01
    • 2016-08-04
    相关资源
    最近更新 更多