javascript - Foundation 5 でデュアルハンドル レンジ スライダーを作成するには?

Question

ここでコーディング初心者 - 私は作成中のアプリのフロントエンド フレームワークとして Foundation 5 を使用しており、2 つのハンドルを持つレンジ スライダーを作成しようとしています。誰もこれを行う方法を知っていますか? 「range-slider-handle」スパン要素を繰り返すだけで 2 つのハンドルが作成されますが、ハンドルの 1 つは範囲の左端に固定されており、移動できません。

誰かがこの問題についてアドバイスできるなら、それは大歓迎です!

//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+Angular: https://github.com/fulup-bzh/RangeSlider
• Foundation+jQuery: https://github.com/circlingthesun/angular-slider

Answer 2

ファンデーションにはこの種のスライダーはありません。ただし、これはjQuery UIから使用できます