Asignar eventos de clics al < li > en JQuery Treeview

Question

Estoy usando el plugin JQuery Treeview para visualizar algunos datos. Básicamente, me gustaría agregar un evento de clic a los elementos secundarios < li> que copia su innerhtml en otro div en la página. Sin embargo, no he podido asignar un evento de clic a estos elementos < li>.

Esperando que alguien haya pisado este suelo antes y pueda proporcionar algo de ayuda.

Gracias.

Answer 1

Usando el marcado del ejemplo en http://docs.jquery.com/Plugins/Treeview:

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

obras. Al manejar el clic en los elementos de LI, se capturan las contracciones y la expansión de las ramas.

Answer 2

Puede usar .live construction. Para mí funciona:

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

Answer 3

Trate como esto

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

que se sumará evento de clic al nodo hoja (no nodo raíz)

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")); 
}