Javascript 具有多个句柄的jquery滑块（动态添加和删除句柄）

我想要实现的是让用户能够在起始值0和最大值（即1000）之间定义尽可能多的范围。我考虑了如何以最好的方式做到这一点，我提出了以下两种想法：

---

或者，我可以动态地添加和删除页面上的滑块。将第一个滑块的最小值固定为0。并以某种方式将它们链接起来，即在更改第N个滑块的上限值时，自动调整第（N+1）个滑块的下限值，反之亦然。问题是要让它工作起来有些麻烦，因为在移除中间的滑块N时，我还需要调整上一个滑块（N-1）和下一个滑块（N+1）

---

然后我想到了以下几点：

有一个滑块，其固定下限值为0，并且至少有两个控制柄，用户可以在其中自行添加和删除控制柄。不允许有任何间隙，即每对连续的两个控制柄始终定义一个范围。大概是这样的： jsfiddle.net/NkjQr/1781/（本例将定义两个范围），固定值为0，并动态添加/删除句柄。这可能吗？找不到任何jquery插件可以轻松完成此操作

或者你知道更好的解决方案吗？我正在寻找一个最容易实现自己。

---

非常感谢

首先，请参见：和相关的工作jsFiddle:。（不添加新范围）。或者同一个SO问题的另一个答案，（添加范围，但不直接连接。也就是说，可能会有间隙。但设置无间隙选项可能只是一个配置选项）不幸的是，单个句柄可能会重叠，添加/删除单个句柄并不是那么容易：（但我会尝试找出答案，谢谢。