從其他html文件逐一加載div中的內容

我想將我的頁面分成兩部分。說div 1和div 2。點擊頁面鏈接時，我想先加載div。並且當div 1中的內容被完全加載時，我想要開始加載div 2中的內容。從其他html文件逐一加載div中的內容

任何可能的解決方案，適用於所有主流瀏覽器。

我還希望這些divs中的內容來自同一目錄中的其他html。下面是我試圖做的事情的代碼。

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

我想，當從「家/ index.html的」內容在DIV1滿載然後從內容「家/ index2.html」在DIV2開始加載。

下面的代碼顯示的內容都在div，但我想開始加載第二個div當我的第一個div完全加載。

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

來源

2012-11-01 Shubham Jain

你的解決方案對我來說似乎很好，你是否面臨任何問題 – Rafay

是的。它加載第一個div中的內容，但不加載第二個div中的內容。 –

確保'index2.html'被放置在您嘗試訪問它的位置，也嘗試在兩個div中加載'index.html'看看它是否工作 – Rafay

您可以使用此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-01 06:47:05 user1790464

-1

的的回調函數來表示負載進行沒有加載完成

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

如果提供了「完整」回調，則在執行後處理和HTML插入後執行。回調是爲jQuery集合中的每個元素觸發一次，並且依次爲每個DOM元素設置。

來源

2012-11-01 06:54:34 Starx

從其他html文件逐一加載div中的內容

回答

相關問題