在一个滑块中创建多个范围滑动手柄

hil*_*arl 14 javascript jquery jquery-ui

我正在尝试向jQuery UI滑块小部件添加多个句柄,如在一个滑块中的2个或3个或更多范围滑块中.

我试过在谷歌搜索并找到一篇文章,展示如何修改它有多个句柄,但我需要它们作为范围滑块.

反正有没有让这项工作?

$("#slider-range").slider({
    range: true,
    min: 0,
    max: 1439,
    values: [540, 1020],
    animate: true,
    slide: slideTime
});
Run Code Online (Sandbox Code Playgroud)

谢谢

bre*_*ell 22

colResizable是好的,但如果你正在寻找更现代的东西,我写了Elessar来填补这个确切的利基.

  • 是否容易"链接"范围.因为,没有差距,当我调整大小时,它的兄弟姐妹也会调整大小?(与colResizable演示一样) (2认同)

小智 13

看一下colResizable jQuery插件.它允许您调整表列的大小,还可以创建多个范围滑块:

  • 截至2014年8月,这仍然是这项工作的最佳工具吗? (2认同)

Art*_*nov 5

这是一个扩展jquery-ui滑块功能的包装器,允许构建多范围滑块 http://jsfiddle.net/ladrower/BmQq4/

它很容易使用.只需传递包含多范围滑块的DOM元素的选择器.

<html>
    <div id="slider"></div>
</html>

<script>
    var intervals = new Intervals("#slider");
</script>
Run Code Online (Sandbox Code Playgroud)

请查看GitHub上的文档和来源https://github.com/ladrower/jquery-ui-intervals