Przypisywanie zdarzeń kliknięcia do < li > w JQuery Treeview

Question

Używam wtyczki JQuery Treeview do wyświetlania niektórych danych. Zasadniczo chciałbym dodać zdarzenie click do dziecka < li> elementy, które kopiują swój innerhtml do innego div na stronie. Nie udało mi się jednak przypisać zdarzenia kliknięcia do tych elementów < li>.

Mamy nadzieję, że ktoś wcześniej podszedł do tego terenu i może udzielić pomocy.

Dzięki.

Answer 1

Używanie znaczników z przykładu na http://docs.jquery.com/Plugins/Treeview:

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

prace. Obsługa kliknięć na elementach LI samo wychwytuje skurcze gałęzi i ekspansję.

Answer 2

Można użyć konstrukcji .live. Dla mnie to działa:

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

Answer 3

Spróbuj tak

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

będzie dodać zdarzenie click do liści węzła tylko (nie węzeł główny)

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