如何获得zurb 6范围滑块的当前值

Question

不确定我是否可以找到有关如何获取滑块当前值的文档。 尽管jquery选择器返回正确的对象，但这不起作用：

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

当然一定很容易......

Answer 1

div容器中的input元素包含滑块值。请参阅下面的示例，直接从Zurb简单示例中将ID添加到隐藏输入并通过按钮onclick事件引用。

<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