如何在JavaScript中預加載html var

我有一個正在處理的網站。我正在使用jQuery來動畫和顯示內容。該內容存儲在變量中。我需要知道如何在顯示內容之前加載內容。如何在JavaScript中預加載html var

爲了說明起見，您單擊一個鏈接，「加載...」窗口淡入，一旦它加載所有內容，它就會淡出並淡入存儲在變量中的加載內容。

謝謝

來源

2009-07-02 Patrick Gates

嗯，一個Ajax請求？這是一個相當模糊的問題... – annakata 2009-07-02 08:09:30

雅，你問如何使用AJAX？或者是其他東西？ – seanmonstar 2009-07-02 08:13:39

您是否在尋找如何通過Ajax請求HTML內容，知道什麼時候結束，然後將其插入到DOM？如果是這樣，jQuery的load方法可能就是你所追求的。

史蒂夫

來源

2009-07-02 08:13:16

AJAX事件不會告訴你的是百分之多少裝，其實，在大多數情況下，它根本不知道響應將是多久。但它會在響應完成或錯誤發生時通知您。

看看官方參考AJAX of JQuery。我原來的回答是錯誤的，因爲我想你已經有了這些數據。簡化使用情況爲您Ajax請求是：

> Initiate the Request, and set the handler for ajax complete (thru something like $.Ajax) 
> Hide the content pane and show the loader 
> When ajax complete, you display your content, and hide the loader

以下是原文的答案。

我想你所談論的東西是已經在客戶端計算機的內存，但你要立即顯示所有一旦它完成加載。聽起來就像離線媒體中的「雙緩衝」。

你可以做的是：

// Display the loading screen, you can put any animation 
$("#loader").fadeIn(); 
$("#contentPlaceHolder").hide(); 
// attach the DOM of the contents to placeholder. 
$("#contentPlaceHolder").append(CONTENTS); 
// .... similar statements follows. 
// and finally.. 
$("#contentPlaceHolder").show(); 
$("#loader").fadeOut();

來源

2009-07-02 08:17:49 xandy

如何在JavaScript中預加載html var

回答

相關問題