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