获取 Foundation 5 中动态创建的数据范围滑块的值答案

【问题标题】：Get the value of dynamically created data range sliders in Foundation 5获取 Foundation 5 中动态创建的数据范围滑块的值
【发布时间】：2014-08-23 10:59:32
【问题描述】：

我正在使用 Foundation 5 编写网页。此页面包含多个data range sliders。但是我会根据从 JSON 消息中获取的信息动态生成这些滑块。所以，我不知道我会有多少个滑块。

这是我用于滑块的 html 的样子，在一个循环中（使用 Handlebars 进行模板）

{{#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，因为它是动态的。

我找不到使用动态生成的滑块的示例。有什么线索吗？

【问题讨论】：

标签： jquery zurb-foundation handlebars.js rangeslider

【解决方案1】：

好的。看起来我找到了回复

$( this ).attr('id') // The id of the element that raised the event
$( this ).attr('data-slider') // The slider's value

【讨论】：