我怎樣才能使dynatree標題中的span-element可點擊

Question

我使用dynatree來獲取樹型視圖。當我點擊一個節點的span元素i。即Trowin Druisheim 1 <span class='seeding_list'>3</span>，那麼點擊事件應該被觸發，但事件不會觸發。

以下是我使用的代碼：

$('.seeding_list').click(function() { 
    alert($(this).text()); 
}); 

更多您可以在此看到小提琴：http://jsfiddle.net/aA76N/6/

Answer 1

該事件不會火，因爲在附加點擊處理程序時，span元素不存在。

要附加事件處理程序尚未存在的元素，你可以使用一個delegated event handler

委託事件有優勢，他們可以處理來自被添加到該文件在稍後的時間後代元素的事件。通過選擇在委託事件處理程序附加時保證存在的元素，可以使用委派事件來避免頻繁附加和刪除事件處理程序的需要。這個元素可能是容器元素...

這意味着，你可以把一個已經存在的元素，像div#tree-team或div.panel-body

$('#tree-team').on('click', '.seeding_list',function() { 
    alert($(this).text()); 
}); 

瞭解改JSFiddle

Answer 2

試試這個：

$(document).on("click", ".seeding_list", function(){ 
    alert($(this).text()); 
});