jquery - 动态 jquery 滑块

Question

我有越来越多的对象要附加滑块。我正在动态构建一个包含对象的 ul/li，当将滑块附加到函数时，滑块是为每个 li 项目构建的，但它们都控制最后一个 LI。有没有人遇到/解决过这个？

代码片段：

    $('<span>').attr({
        class: 'sliderO'
    }).appendTo('#' + lyrVar.liID);

    $('.sliderO').slider({
        min: 0, max: 1, value: 1, step: 0.10,
        change: function(event, ui) {
            lyrVar.setOpacity(ui.value);
        }
    });

Answer 1

已解决：对于创建的每个元素，我添加了一个额外的字段来为每个元素分配一个唯一的 ID。

$('<span>').attr({
    class: 'sliderO',
    id: lyrVar.sliderID
}).appendTo('#' + lyrVar.liID);