我怎样才能使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()); 
});