Gán các sự kiện nhấp vào < li > trong JQuery Treeview

Question

Tôi đang sử dụng plugin Trình xem trước của JQuery để hiển thị một số dữ liệu. Về cơ bản, tôi muốn thêm một sự kiện nhấp chuột vào con < li> các phần tử sao chép innerhtml của chúng vào một div khác trên trang. Tuy nhiên, tôi đã không thể chỉ định một sự kiện nhấp chuột cho các yếu tố này < li>.

Hy vọng một người nào đó đã vượt qua mặt đất này trước và có thể cung cấp một số trợ giúp.

Cảm ơn.

Answer 1

Sử dụng đánh dấu từ ví dụ ở http://docs.jquery.com/Plugins/Treeview:

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

công trình. Xử lý các nhấp chuột vào các mục LI bản thân nắm bắt các cơn co thắt chi nhánh và mở rộng.

Answer 2

Bạn có thể sử dụng công trình .live. Đối với tôi nó hoạt động:

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

Answer 3

Hãy thử như thế này

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

nó sẽ thêm sự kiện click vào nút lá chỉ (không nút gốc)

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