jQuery .on（＆＃39;点击＆＃39;）无法处理未来添加的元素

Question

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

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

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

Answer 1

您必须使用$(document)，因为它们是动态添加的控件

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

Answer 2

你走在正确的轨道上。但您应该使用容器元素或对象（如document

）委托它

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