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