javascript - 使用 JQuery 函数回显 HTML

Question

假设我有一个 HTML 页面，其中一些元素具有一些 JQuery 函数。

如果单击图像，其中一个函数会调用另一个 HTML 文件。被调用的 HTML 文件将一些 HTML 回显到屏幕上。其中一些 HTML 具有 JQuery 功能。

如果我想让这些 JQuery 函数工作，我必须将它们包含在被调用的页面上，还是只需要在原始 HTML 页面上使用它们？

如果您仍然不明白，希望这会有所帮助：

1. Page 1 有一个调用 Page 2 的函数。
2. 第 2 页与 HTML 相呼应，并且 HTML 中的一些元素具有 JQuery 函数，这些函数已经在第 1 页上编程。
3. 我是否还必须在第 2 页上包含实际的 JQuery，或者如果我在第 1 页上只有 JQuery，它会起作用吗？

请帮忙。

Answer 1

动态加载时，您必须为元素使用委托事件处理程序，即

$(document).on("click", ".your-element-class", function(){ // or id(#)
    // code
});

这样，您可以将所有javascript代码（事件处理程序）保留在主页中，并且所有动态加载到其中的元素DOM都可以正常工作。

检查 jQuery上。

Answer 2

如果我理解正确的话。我相信您使用 AJAX 加载了一些 HTML，并且您想在 AJAX 加载内容上触发一些 JQuery 函数。如果我的假设是正确的，你可以使用类似的东西

$(".my-ajax-loaded-content").on("click", function(){
 //do something
});

重要的是使用（ jQuery 1.7+）绑定到 AJAX 加载的内容