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

});