0

我想在滚动条/滑块中实现类似拨动拨号的行为，如下所示：

一开始，手柄位于“滚动条/滑块”区域的中间。当您单击手柄并将其向左或向右拖动（同时保持单击）时，会执行一些其他操作（更新页面上的另一个区域）——滑块被拖动到左端或右端的次数越多，快点。释放鼠标按钮后，手柄应弹回滑块区域的中间。

有没有像 jquery/ui 插件/组件/脚本这样的东西可以用于和扩展这种行为？

更新以澄清：

我已经有一个像这样的滑块http://jqueryui.com/demos/slider/

我希望此滑块以下列方式运行：

  • 滑块的手柄应该从中间/中心开始
  • 滑块单击手柄时，您可以将其向左或向右拖动（只要按住鼠标按钮）
  • 当您释放鼠标按钮时，滑块的手柄应弹回起始位置（中心/中间）
  • 根据手柄当前的距离和哪一侧，我想滚动其他内容（其他内容不是这个问题的一部分）

希望这有助于更好地解释我的意图和问题。

4

2 回答 2

1

如果您在停止事件处理程序中将滑块值更改回零，那么您将获得所需的快照，这是我刚刚制作的缩放速度控件的代码：

$('#zoomslider').slider({
    slide: function(event,ui){
            setzoomspeed(ui.value)
        },

    stop: function(event,ui) {
        $('#zoomslider').slider("value",0);
        setzoomspeed(0);
    },  
    min:-20,
    max:20,
    value:0
});
于 2013-09-20T19:56:49.027 回答
0

你应该试试jQuery UI Slider

在事件选项卡中，您可以看到可以设置change处理程序。

然后您可以在处理程序中获取滑块的当前值，例如

$( ".selector" ).slider({
   change: function(event, ui) {
       var current_value = ui.value;
       //do something
   }
});
于 2012-08-29T13:25:30.090 回答