javascript - 滑动整个 jQuery slider 范围

Question

我有一个多值 jQuery slider ，具有已定义的步长(它是由另一个 slider 定义的，我们假设它是步长:15)和范围为 0-600。我希望用户能够像往常一样将两个值向左和向右拖动。但是，如果在两个值内部执行单击，它们应该能够左右拖动整个范围。

用户被迫设置如下值:

0,600
15,120
240,255
150,150

当我希望用户能够设置如下值时:

1,271
15,165
25,115
580,595

这些数字仍然遵循 slider 的步骤:15 规则，但无法使用 jQuery slider 的基础知识进行访问，因为它想要将值捕捉到 30 个增量(0,15,30,..,585,600) 。我能想到的最直观的方法是让用户左右拖动他们的值“范围”。但是，当在两个值之间单击 slider 时，jQuery 会将其设置为新值。

我使用 slider 的开始事件来检测用户是否在范围内单击(而不是单击 handle 或 slider 的未选择部分)。然后，我需要在 slider 中设置某种滑动功能，不断检测鼠标位置并像这样左右滑动。我的 Javascript 水平处于中等水平(在我看来)，不太确定我将如何去做。你可以玩我的 JSFiddle: http://jsfiddle.net/JhKxh/9/

*注意:我的 JSFiddle 的唯一问题是，如果您单击 slider 的边框，它不算作 ui-slider-range 类(但一些 CSS 调整应该能够解决此问题)。

Answer 1

你的答案应该在这里

Drag the Range of a UI Input Range Slider