使用JQuery函数回显HTML

Question

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

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

如果我希望这些JQuery函数能够工作，我是否必须将它们包含在被调用页面中，或者我是否只需要在原始HTML页面上使用它们？

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

1. Page 1有一个调用Page 2。
的功能
2. 第2页回显HTML，HTML中的一些元素具有已在第1页上编程的JQuery函数。
3. 我是否必须在第2页上包含实际的JQuery，或者如果我在第1页上使用JQuery，它是否会起作用？

请帮忙。

Answer 1

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

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

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

检查jQuery on。

Answer 2

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

这样的东西

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

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