javascript - jQuery .on ('click' ) 不适用于 future 添加的元素

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 8 年前。

我有一些 Javascript 代码，只要单击带有条件的元素，就会执行一个函数。问题是，如果稍后添加此类新元素，代码将无法检测到它。这是我的代码:

$("li[data-episode]").on('click', function () {
    setTimeout(Aradmey_Later, check_timeout);
});

如何修复它，使其始终有效，即使在未来的元素上也是如此？

Answer 1

您走在正确的道路上。但是您应该使用容器元素或对象(例如 document

)来委托(delegate)它

$(document).on('click', 'li[data-episode]', function () {...});