zurb 6範囲スライダの現在の値を取得する方法

Question

スライダの現在の値を取得する方法に関するドキュメントがあります。 このjQueryのセレクタが正しいオブジェクトを返すが動作しない：DIV容器内

$('.slider').attr('data-slider') 

確かに、それは容易でなければならない....

Answer 1

入力要素は、スライダ値を含みます。下の私の例は、隠された入力にIDが追加され、ボタンonclickイベントによって参照されるZurbの単純な例からまっすぐに引き出されています。

<div class="slider" data-slider data-initial-start="50" data-end="200"> 
    <span class="slider-handle" data-slider-handle role="slider" tabindex="1"></span> 
    <span class="slider-fill" data-slider-fill></span> 
    <input type="hidden" id="slide1value"> 
</div> 
<div class="column row no-print"> 
    <input onclick="alert($('#slide1value').val());" value="CLick here for slider1 value."> 
</div> 

http://foundation.zurb.com/sites/docs/slider.html#basics