jquery - jQuery .on() 和 ajax

Question

我正在使用 jQuery ajax 函数向页面添加元素，成功后我从服务器获取响应并将其分配给一个元素，如下所示：

$('#element').html(response);

然后我需要jQuery来考虑新添加的元素。我的问题是它不在 DOM 中，所以我想到了使用.on()：

$(".remove").on("click", function(){
  alert($(this).text());
});

但这不起作用。好吧，它确实有效，但仅适用于页面首先加载的元素，而不是新的元素。不应该也.on()考虑“新元素”吗？

PS实际上“点击”事件只是为了测试，我需要在鼠标悬停时运行该功能，但到目前为止，我正在尝试了解如何使用通过 AJAX 添加的新 DOM 元素。

Answer 1

委托它。委托它。 委托它。

$(document).on('click', '.remove', function(e){
    /*
       do something when *any* `.remove` element is clicked
       in the document, now and in the future.
    */
});