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

Question

在这里编码新手 - 我使用Foundation 5作为我正在创建的应用程序的前端框架，并且，我正在尝试创建一个具有两个句柄的范围滑块。有谁知道怎么做？只需重复“range-slider-handle”span元素就可以创建两个手柄，但其中一个手柄固定在范围的左端，无法移动。

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

//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

基金会没有这种滑块。但您可以使用this one from the jQuery UI

Answer 2

很晚回答：

• Foundation + Angular：https://github.com/fulup-bzh/RangeSlider
• Foundation + jQuery：https://github.com/circlingthesun/angular-slider