javascript - 添加元素动态后的JQuery绑定(bind)事件

Question

我在动态添加元素后遇到问题它没有点击事件，所以我有以下内容:

$(".myclass > li").click(function () {
    ...
});

所以基本上当我点击 LI 元素时应该会发生一些事情并且它有效。

但是当我向 myclass 添加一个新的 LI 元素(即 UL 元素)时，这个新添加的元素不会调用此函数。

我的问题是如何将这个新元素重新绑定(bind)或绑定(bind)到这个函数..？

因为当我点击其他元素时它们起作用，但只有新元素不起作用......我想这是绑定(bind)发生在回发或某些事情上但在我的情况下没有回发:/

Answer 1

您需要使用 Event Delegation .你必须使用 .on()使用委托(delegate)事件方法。

即

$(document).on('event','selector',callback_function)

在你的情况下

$(document).on('click', '.myclass > li', function () {
    ...
});

或者如果你想应用到所有列表项:

$(".myclass").on('click', '> li', function () {
    ...
});