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');

});