jqueryプラグインでダイナミックに作成された要素にイベントを再バインドするにはどうすればよいですか？

Question

私はプラグインを作成し、問題が何かを持っています：場合

：その後、

<ul id='ulist'> 
    <li>list 1</li> 
    <li>list 2</li> 
    <li>list 3</li> 
</ul> 

リー：

私はアヤックスで作成された非リストのリストを持っているとして.suchロードをそれらがロードされたときとホバーイベントとバインドされました。以下のような：

$('ul').bind('hover',function(){}); 

が、私のプラグインロードされていたUL [ID =「ULIST」] .ANDホバーを取得していない新しいリチウムに新規のli項目を追加する、動的に機能していました .Suchを結合イベントは：

addNewLi : function(){ 
    $('<li />').html('item N').appendTo('#ulist'); 
} 

だから、私は新しい動的に「ライブ」で要素を作成してバインドする必要があります知っていたが、それを置くか、他の方法を持っているところ私は知りません... 。

ありがとうございます！

Answer 1

hoverの機能をliveまたはdelegateに使用することはできません。その機能はjQuery 1.5のために計画されています。

mouseenterとmouseleaveの2つのイベントのショートカットは実際にはhoverなので、実際にはこれらのイベントを使用して機能を模倣するのは簡単です。 delegateを使用して

例：

$('#ulist').delegate('li', 'mouseenter', function() { 
    // code for mouseenter 
}).delegate('li', 'mouseleave', function() { 
    // code for mouseleave 
});