Rgd：双水平滑块

Question

我浏览互联网，看到了一些带有值的水平滑块样本。

例如，如果我将最大值设置为100，则向左拉10个扇区，每个扇区减去10。

我想要实现的是有2个滑块

如果我在顶部滑块上向左拉，则底部滑块将按1扇区递增。

例如，如果top是7000，则下面是3000（最大值10000）等。

是否有这样的双滑块实现

Answer 1

你可以有两个jQuery UI滑块（https://jqueryui.com/slider/#default），每个滑块通过另一个（http://api.jqueryui.com/slider/#event-change）的onchange事件绑定到（1 - 另一个的值）