jquery - 脚本 jquery 如何为内容上传 grom ajax 工作？

Question

再会。

例如我有代码：

$("#button").on("click",function(){alert("hello");})

<button id="button">Test</button>

如果此代码在页面上找到所有工作，但如果我们上传按钮使用 ajax，jquery#button不起作用，如果我只上传他的按钮使用 ajax，他工作......

但我会在一个单独的文件中编写页面的所有 jquery 脚本......

如何使该脚本 jquery 适用于我们在正文页面中添加的元素使用 jquery ？

Answer 1

正如@hjpotter92 所指出的，通过ajax 添加的内容，您可以使用委托。因此，将 Havent 处理程序附加到您上传按钮的容器并指定一个类，例如捕获正确的事件。

$("#container").on("click", ".my-button", function() { alert("hello"); })

Answer 2

案例1（直接）：

$("#button").on("click", function() {...});

案例2（委托）：

$("body").on("click", "#button", function() {...});