jquery - 从其他html文件一一加载div中的内容

Question

我想把我的页面分成两部分。说div 1和div 2。div单击页面链接时，我想先加载。当内容div 1完全加载时，我想开始加载div 2.

在所有主要浏览器中都能正常工作的任何可能的解决方案。

我还希望这些内容divs来自同一目录中的其他 html。下面是我试图做的事情的代码。

$(document).ready(function(){ 
    $('#div1').load('home/index.html', function() {
        $("#div2").load('home/index2.html');
    });
});

我希望当“home/index.html”中的内容完全加载到 div1 中时，“home/index2.html”中的内容开始在 div2 中加载。

下面的代码在两者中都显示了内容，div但我想div在我的第一个div完全加载后开始加载。

$(document).ready(function(){ 
    $('#div1').load('home/index.html');
    $("#div2").load('home/index2.html');
});

Answer 1

你可以使用这个javascript：

$(document).ready(function(){ 

    $('#div1').load('home/index.html',function(responseTxt,statusTxt) {
        if(statusTxt == 'success')
        {
            $('#div1').html(responseTxt);
            $('#div2').load('home/index2.html');
        }    

    });
    });

Answer 2

的回调函数.load()是表示加载已执行未加载完成

参考：http ://api.jquery.com/load/

如果提供了“完成”回调，则在执行后处理和 HTML 插入后执行。回调会为 jQuery 集合中的每个元素触发一次，并依次设置为每个 DOM 元素。