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