如何使动态标题中的span元素可点击

Question

我用“自然树”来看树。当我单击节点的span元素(即Trowin Druisheim 1 <span class='seeding_list'>3</span> )时，应该触发一个单击事件，但该事件不会触发。

以下是我使用的代码：

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

你可以在这把小提琴上看到更多：http://jsfiddle.net/aA76N/6/

Answer 1

事件不会触发，因为在附加单击处理程序时，span元素不存在。

若要为尚未存在的元素附加事件处理程序，可以使用委托事件处理程序

委托事件的优点是它们可以处理以后添加到文档中的子类元素中的事件。通过选择在附加委托事件处理程序时保证存在的元素，您可以使用委托事件来避免频繁附加和删除事件处理程序的需要。这个元素可以是容器元素..。

这意味着，您可以接受一个已经存在的元素，如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());
});