如何在網站上的其他任何東西之前加載特定的div？

我在網站上有兩個div面板（left_panel和right_panel）。左側面板有數百個食物項目，右側面板有小方塊的順序，我們可以看到用戶從左側面板添加了多少項目。現在的問題是當頁面加載左面板花費很長時間從數據庫中獲取數據，並且當它完全加載時比右面板出現。有沒有任何jQuery的幫助下，我可以在左側面板或網站上的其他任何東西之前首先加載右側面板？如何在網站上的其他任何東西之前加載特定的div？

來源

2013-03-15 Awais Imran

把它放在頁面上？，加載一個空div和ajax在onload上？ – mplungjan 2013-03-15 16:40:41

最初隱藏右列，並將回調放入您的ajax函數（或您正在加載內容的任何內容），以使右列可見。

來源

2013-03-15 16:41:59 isherwood

我建議使用AJAX加載主頁面加載後的左側內容。基本概念是將一個空的左側面板作爲頁面的核心HTML填充右側面板。然後，當頁面加載到瀏覽器中時，使用AJAX（jQuery.load）來引入左側列的內容。

來源

2013-03-15 16:42:35

$(document).ready(function() { 
    $("div").show(); 
});

而且在CSS中隱藏的左側與阿賈克斯的右DIV

或者bether負荷，完成後顯示DIV吧？

$.ajax({ 
    url: "test.php", 
//stuff 
}).done(function() { 
$("#rdiv").show(); 
});

來源

2013-03-15 16:42:40 user666

需要一個例子嗎？ – user666 2013-03-15 16:45:11

$(function)() { 
    $("#left").load("leftcontent.html"); 
}); 

<div id="right" style="float:right">....</div> 
<div id="left"></div>

來源

2013-03-15 16:42:59 mplungjan

如果您使用你試圖加載DIV的.load(callback)方法，然後把功能渲染頁面的其餘部分中的回調，它會做你想要什麼。請注意，這是一種與加載基於url的數據不同的jQuery加載方法。

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

來源

2013-03-15 16:43:20 ckersch

有幾件事情有

左側面板有數百個食品和右面板的爲了小盒子，我們可以看到有多少項的用戶已經從加左側面板。

你可以推遲使用分頁，建議/推薦或搜索在這裏加載一些數據。我沒有用戶會從幾百記錄有非常愉快的經歷偵察REQD項目

加載頁面左側面板需要很長時間才能從數據庫

從數據庫中獲取的記錄中獲取數據已經完成時除非你推遲從XHR/Ajax請求中做這件事，否則html開始渲染。即使通過AJAX完成，它也會同時完成，並且可能不會嚴重影響其他DOM元素的加載。

我想：

負荷右側面板第一。
通過AJAX加載左側面板並實現分頁或實時搜索功能。

來源

2013-03-15 16:46:11

如何在網站上的其他任何東西之前加載特定的div？

回答

相關問題