如何使dynatree标题中的span-element可单击

Question

我使用dynatree来获取树视图。 当我单击节点的span元素，即Trowin Druisheim 1 <span class='seeding_list'>3</span> ，应该触发click事件但事件不会触发。

以下是我用过的代码：

$('.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());
});