获取基础5中动态创建的数据范围滑块的值
获取基础5中动态创建的数据范围滑块的值
提问于 2014-07-02 15:10:06
我正在使用基金会5编写网页代码。此页面包含多个数据范围滑块。但是我根据从JSON消息中获取的信息动态地生成这些滑块。所以，，我不知道我会有多少滑块，。
这就是我的html用于滑块的样子，在一个循环中(使用车把进行模板)。
{{#elements}}
<div class="small-10 medium-11 columns">
<div id="range-slider-{{id}}" class="range-slider round" data-slider="{{val}}">
<span class="range-slider-handle"></span>
<span class="range-slider-active-segment"></span>
</div>
</div>
{{/elements}}如您所见，每个滑块都有不同的id和不同的起始值。
现在，我想处理移动滑块的事件。因此，我创建了一个方法来响应任何滑块上的“更改”事件
$('[data-slider]').on('change.fndtn.slider', function(event){
// do something when the value changes
});我的问题是：如何访问引发事件的滑块的值？
推荐的方法是
$('#slider_id').attr('data-slider');但是我不知道slider_id，因为它是动态的。
我找不到一个使用动态生成的滑块的例子。有什么线索吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-07-02 15:17:34
好的。看来我找到了回应
$( this ).attr('id') // The id of the element that raised the event
$( this ).attr('data-slider') // The slider's value页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24534738
复制相关文章
相似问题
腾讯云开发者
