jQuery事件不适用于AJAX加载的内容(HTML)

Question

当我使用 ajax 加载 html 内容时，加载的 html 上的 jquery 事件不起作用。

例如-

我有一个jquery函数-

$('.test').on('click', function(){
alert('hi');
});

阿贾克斯响应：

<div>
<p class="text">test data</p>
</div>

现在单击 ajax 加载的数据不会触发我定义的 jquery 单击事件。

Answer 1

请尝试一下，希望对您有所帮助

$(document).ready(function() { 
$.get(url, {}, function(response) {
$('#ajax-loadedData').html(response); 
bindEventOnLoadedData();
});
}); 
function bindEventOnLoadedData() {
$('.test').on('click', function(){
alert('hi');
});
}