如何在Foundation 5中創建雙手柄範圍滑塊？

Question

在這裏編碼新手 - 我正在使用Foundation 5作爲我創建的應用程序的前端框架，而且，我正在嘗試創建具有兩個手柄的範圍滑塊。有沒有人有任何想法如何做到這一點？只需重複「範圍 - 滑塊 - 手柄」跨度元素就會創建兩個手柄，但其中一個手柄固定在範圍的左端，無法移動。

如果有人可以就這個問題提出建議，將不勝感激！

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

很晚了答案：

• 基金會+角：https://github.com/fulup-bzh/RangeSlider
• 基金會+ jQuery的：https://github.com/circlingthesun/angular-slider