Attribuer des événements de clic à < li > dans JQuery Treeview

Question

J'utilise le plugin JQuery Treeview pour afficher certaines données. Fondamentalement, je voudrais ajouter un événement de clic à l'enfant < li> éléments qui copie leur innerhtml dans un autre div sur la page. Cependant, je n'ai pas été en mesure d'affecter un événement click à ces éléments li> <.

En espérant que quelqu'un a foulé ce sol avant et peut fournir de l'aide.

Merci.

Answer 1

En utilisant le balisage de l'exemple à http://docs.jquery.com/Plugins/Treeview:

$("span.file, span.folder", "#example li") 
    .click(function() { alert($(this).text()); }); 

œuvres. La manipulation du clic sur les éléments LI capture eux-mêmes les contractions et l'expansion des branches.

Answer 2

Vous pouvez utiliser la construction .live. Pour moi, cela fonctionne:

$('li','ul#menu').live('click', function(){ 
    alert('Click event');  
}); 

Answer 3

Essayez comme ça

$('li:not(:has(>ul))', 'ul#menu').live('click', function() {    
       alert($(this).text()); 
      }); 

il ajoutera événement click au nœud feuille uniquement (pas de nœud racine)

Answer 4

<li onclick="selectNode(event, this);" id="${node2.nodeId}" class="closed"> 
    <span class="folder"> ${node2.name} </span> 
</li> 




function selectNode(event, nodeHtmlEl) { 
    // IE 
    if ($.browser.msie) { 
     window.event.cancelBubble = true; 
    } 
    if(event.stopPropagation) { 
     event.stopPropagation(); 
    } 
    alert("selectNode ID: " + $(nodeHtmlEl).attr("id")); 
}