javascript - ajax 生成文本中的链接

Question

我有一个搜索字段，它通过 ajax/jquery 生成用户列表。

结果:

<li class="list-group-item">
    <span class="glyphicon glyphicon-user"></span>
    <span class="badge addUserToGroup" data-user="{{ user.getId }}"><span class="glyphicon glyphicon-ok"></span> Add</span>
    {{ user.getUsername }} <br />
    {{ user.getEmail }}
</li> 

我现在要通过单击 来将搜索结果中的用户添加到组中。但什么也没发生。当我查看酸味时，我看不到搜索结果(当然，因为它直到稍后才加载)。但是如何定位源代码中不可见的跨度？

这个简单的测试是为了清晰起见。下面的函数永远不会被触发。

$(".addUserToGroup").click(function() {

    alert('Hello World');

});

我该怎么办？

Answer 1

我认为你可以稍微改变一下 jQuery，它会将你的点击处理程序附加到动态元素。

$('body').on('click', ".addUserToGroup", function() {

    alert('Hello World');

});