带有选择器的jquery.on（）方法不适用于动态按钮

我有一些代码，我在页面上动态添加了一个按钮

<a href=“#1" class="btn btn-default next">Next</a>

当页面加载时，我把按钮放在页面的主体中，它工作正常。以后添加到页面时，它就不起作用了。

更改

$（.next”）。在（“单击“，.next”，函数（）{

到

$（文档）。在（“单击”、“.next”上，函数（）{

---

由于您正在动态创建元素，因此使用document会将事件委托给子元素，这样有助于在文档级别引发事件。

让我们假设

祖先

是html中按钮祖先的选择器。然后：

$(ancestor).on("click", ".next", function() {
    alert("I have clicked on the button");
});

---

即使此部件运行时您的按钮不存在，此功能也有效。如果您没有更具体的祖先，则可以使用

“body”

尝试此功能

您可以使用文档或正文

$(document).on("click",".next", function() {
alert('button clicked');
});

---

use可以使用html的onClick属性

函数myFunction（）
{
警惕（“你好”）；
}

---

点击我

谢谢你，这很有效！：）很高兴它有效。如果有帮助，你可以接受答案！

$(document).on("click",".next", function() {
alert('button clicked');
});