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

How can i make span-element in dynatree title clickable

本文关键字：元素 span 何使 动态 标题      更新时间：2023-09-26

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

以下是我使用的代码：

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

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

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

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

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

这意味着，您可以采用一个已经存在的元素，如div#tree-team或div.panel-body

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

参见修改后的JSFiddle

试试这个：

$(document).on("click", ".seeding_list", function(){
    alert($(this).text());
});
相关文章：