动态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);