0

我想把我的页面分成两部分。说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');
});
4

2 回答 2

0

你可以使用这个javascript：

$(document).ready(function(){ 

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

    });
    });
于 2012-11-01T06:47:05.363 回答
-1

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

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

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

于 2012-11-01T06:54:34.543 回答