如何將插件的功能附加到JQuery中的動態創建元素？

Question

我是附JQuery UI Selectable到UL element。但li item這裏面是動態創建當然。而且，我不能讓them.So的選擇，如何安裝plugin's function to dynamic created elements in JQuery！？

E.g：

<ul id="selectable"> 
    <li class="dataItem">item dynamic created here but you can't select me</li> 

</ul> 

[更新]

jQuery代碼：

$("#selectable").selectable(); 

，並在那裏我用delegate或live！？

的delegate和live用法是將事件綁定這樣的方式：

$('#selectable').delegate('li','click',function(){ 
    // do something here 
}); 

但selectable plugin's events是：

Supply a callback function to handle the selected event as an init option. 

$(".selectable").selectable({ 
    selected: function(event, ui) { ... } 
}); 

和新添加的項目沒有拿到selectable plugin's狀態如：

ui-selectee 

So,should I re-attach the plugin at every time when a new item added!? 

謝謝你非常感謝！

Answer 1

使用.live()或.delegate()

---

好，你更新，叫$("#selectable").selectable();你在DOM附加#selectable元素的時間之後。

例如，

$('#selectable').click(function(){ 
    alert('I will not fire'); 
}); 

$('body').append('<ul id="selectable"><li class="dataItem">item</li></ul>'); 

$('#selectable').click(function(){ 
    alert('I will fire'); 
}); 

alert('I will fire');將是唯一的警告觸發的。

Answer 2

jQuery提供.live這將做你想要的。 「

」將事件處理程序附加到與當前選擇器匹配的所有元素，現在和將來。「