jquery - 加载整个页面后加载功能

Question

我目前有一个由 html 制作的网页，其中正文是使用 jquery 加载函数从外部加载的。所以在外部代码中，有一个带有id="main"的div，如何在主体代码之后将另一个外部代码加载到带有id="main"的div中整个页面都加载了吗？请帮忙。这是整个页面的代码

$(document).ready(function(){
            $("#body").load("body.html");
        });

在body里面，有一个这样的div

<div id="main"></div>

所以我有另一个外部 html，它应该进入名为 main.html 的“主”div我试过把它放在头部和 div 之后，但它不起作用

$(document).ready(function(){
            $("#main").load("main.html");
        });

如果你们不介意，请访问此链接并查看源代码并提供帮助，抱歉 http://proxcent.com/test.html

Answer 1

您可以使用 onLoad 方法。看到:

在 DOM 就绪时(没有完全加载资源，只有 DOM 树)

$(document).ready();

页面完全加载(包括图片)

$(window).on('load', function() { ..... });