Wie man Ereignis zu dynamisch erzeugten Elementen in jquery-Plugin bindet?

Question

Ich erstelle ein Plugin und bekam etwas Probleme:

im Falle:

ich eine Liste der un-Liste von Ajax erstellt haben geladen .such als:

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

dann li wurden gebunden mit Hover-Ereignis wenn sie geladen. wie zum Beispiel:

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

aber mein Plugin eine Funktion, um dynamischen neuen li Artikels der ul [id = ‚ulist‘] hatte die Zugabe, die .und den neu li nicht den Hover geladen worden war, erhalten Ereignisbindung .such als:

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

so wusste ich, ich sollte die neue dynamische binden Elemente erstellt von ‚live‘, aber ich weiß nicht, wo es setzen oder andere Art und Weise ...

Vielen Dank !!

Answer 1

Sie können die Twin-Handler-Funktionalität in live oder delegate nicht verwenden. Diese Funktionalität ist, glaube ich, für jQuery 1.5 geplant.

Allerdings ist eigentlich nur eine Abkürzung für die beiden Ereignisse mouseenter und mouseleave, so dass es eigentlich sehr einfach ist, die Funktionalität mit diesen Ereignissen nachzuahmen.

Beispiel delegate mit: kann

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