1

我正在使用Foundation 5编写网页。此页面包含几个数据范围滑块。但我根据从 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，因为它是动态的。

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

4

1 回答 1

2

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

$( this ).attr('id') // The id of the element that raised the event
$( this ).attr('data-slider') // The slider's value
于 2014-07-02T15:17:34.770 回答