Javascript jQuery没有'；在调用.load（）后，不能触发两次

我想通过

AJAX

更改div

（#mydiv）

的内容

为此，我在

#mydiv

中创建了一个按钮

（#更改按钮）

，该按钮触发以下

jQuery

脚本

$(#change-button).on("click", function(){

    $("#mydiv").load("page_to_be_loaded.hmtml #mydiv");
});

基本上，我用新页面的文本替换了#mydiv中的文本。 这段代码第一次运行正常，但如果我再次单击新加载的

#更改按钮，jQuery

将不再启动

我理解这个理论：

.load（）

注入的新的

#mydiv

没有被

DOM

看到，因此

jQuery

脚本无法工作

我发现至少有两个类似的问题是这样的，但没有一个得到正确的回答，总的来说似乎没有一个能解决我的问题。有人能清楚地解释这些情况下的最佳实践吗

以下是其他问题：

---

谢谢

像这样使用委托：

$("body").on("click","#change-button", function(){
    $("#mydiv").load("page_to_be_loaded.hmtml #mydiv");
});

---

我认为问题是因为我们的内容是动态加载的，所以它们在事件绑定时不存在。这就是它不开火的原因

您可以像下面这样使用委托

$(document).on("click",'#change-button',function(){})

---

我不确定，但尝试在#mydiv外创建一个按钮
参考“要做到这一点，我在#mydiv内创建了一个按钮（#更改按钮）”供参考：我认为您在

load

函数中也拼写错了“html”。