Question

我正在使用 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和不同的起始值

现在，我想处理移动滑块的事件。所以，我创建了一个响应任何滑块上的'change'事件的方法

$('[data-slider]').on('change.fndtn.slider', function(event){
  // do something when the value changes

});

我的问题是：如何访问引发事件的滑块的值？

推荐的方法是

$('#slider_id').attr('data-slider');

但是我不知道slider_id，因为它是动态的。

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

Answer 1

确定。看起来我找到了回复

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

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

1 个答案: