javascript - Rgd : Dual Horizontal Slider

标签 javascript jquery html css

我浏览了互联网,看到了很多带有值的水平 slider 示例。

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

我想要实现的是有 2 个 slider

如果我向左拉顶部 slider ,底部 slider 将增加 1 个扇区。

例如,如果 top 为 7000,则 below 将为 3000(最大值为 10000)等。

有没有这样的双 slider 实现

最佳答案

您可以有 2 个 jQuery UI slider (https://jqueryui.com/slider/#default),每个 slider 的值通过另一个(http://api.jqueryui.com/slider/#event-change)的 onchange 事件绑定(bind)到(1 - 另一个另一个的值)

关于javascript - Rgd : Dual Horizontal Slider,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32023303/

相关文章:

javascript - 我的 React CSSTransition 动画不起作用

javascript - 使用 INSERT INTO 的 SQL 请求出错

javascript - 使用空值集触发 Bootstrap 工具提示

javascript - Select2 占位符问题

javascript - 我的简单 jQuery 代码不起作用。当我运行它时,我得到一个空白页

javascript - 如何打印具有原始样式的 HTML 元素?

javascript - 请帮助我理解这段来自 "Ajax in Action"的 JavaScript 代码

javascript - 如何创建 "Magnet Links"

javascript - 为什么 css 转换不在切换类上触发

jquery - 滚动引导导航栏在 iOS 上的 Safari 中不起作用