javascript - ajax 加载内容上的 jquery 事件丢失

Question

假设我有一些 HTML 内容，其中有一些文本区域。该 HTML 内容是在执行某种操作(例如单击按钮或其他操作)后通过 Ajax 加载的。我遇到的问题是，我丢失了与我的文本区域绑定(bind)的所有类型的 jQuery 事件(例如 .change 事件或其他事件，所以如果我执行以下操作:

$('.my_textarea').change(function(){
    alert('TEST');
});

我的警报未显示，因为我的文本区域已使用 Ajax 加载。有谁知道为什么会出现这个问题以及如何解决这个问题？

预先感谢您的任何建议

Answer 1

$(document).on('change', '.my_textarea', function(){
    alert('TEST');
});

只需将 document 替换为文本区域最接近的静态(未通过 Ajax 加载)父级