如何在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

基金会没有这种滑块。 但是您可以在jQuery UI中使用此代码

Answer 2

很晚的答案：

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