加载整页后加载功能

Question

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

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

在体内，有一个像这样的div

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

所以我有另一个外部html，它应该进入名为main.html的“main”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() { ..... });

Answer 2

您可以检查$('#main').length > 0页面上是否存在ID为“main”的div，然后加载$('#main').load()

所包含的任何外部代码

$(window).on('load', function(){
        if($('#main').length > 0){
           $('#main').load('/yourExternalCode.html');
         }
    });

Answer 3

jQuery加载方法将回调函数作为第二个（或者如果你想通过数据作为第二个参数发送的第三个参数），在后处理和HTML插入执行后执行。

$("body").load("body.html",function(){
    // load more external content
    $(this).find("#main").load("main.html");
});