javascript - 如何在 Foundation 5 中创建双手柄范围滑块？

Question

在这里编码新手——我正在使用 Foundation 5 作为我正在创建的应用程序的前端框架，并且我正在尝试创建一个具有两个句柄的范围滑块。有谁知道如何做到这一点？简单地重复“range-slider-handle”跨度元素确实会创建两个句柄，但其中一个句柄固定在范围的左端并且不能移动。

如果有人可以就这个问题提出建议，将不胜感激！

//This creates a slider with two handles, but one handle is fixed and cannot be moved.
<div class="range-slider round" data-slider>
  <span class="range-slider-handle"></span>
  <span class="range-slider-active-segment"></span>
  <input type="hidden">
</div>

Answer 1

Foundation 没有这种滑块。但是你可以从 jQuery UI 中使用这个

Answer 2

很晚的答案：

• 基础+角度：https ://github.com/fulup-bzh/RangeSlider
• 基础+jQuery：https ://github.com/circlingthesun/angular-slider