2014-12-03 149 views
0

在我的應用程序中,從Page1重定向到Page2需要將近6秒。所以與此同時,我需要在第1頁上的一個超鏈接上立即顯示一個彈出窗口,它應該在那裏,直到第2頁上的所有數據都加載完畢。即使在重定向到另一個頁面後也顯示彈出窗口

我試圖以正常的方式實現(在超鏈接的單擊時打開彈出窗口,同時頁面重定向到page2),但當頁面url變爲page2時,彈出窗口正在關閉,因爲page2 DOM已啓動加載。這不是我的要求。有人可以建議我如何實現這一點。

回答

0

只是一個想法...尋找一個GET變量(例如showMessage)當頁面加載,將顯示從第1頁相同的彈出,所以它似乎是相同的消息。 Click事件處理程序的示例函數。

function redirectHandler(pageURL) { 
    // Display Popup 
    // Redirect to pageURL and append "?showMessage=true" 
} 

當頁面2上的DOM已準備就緒時,在頁面加載事件之前顯示彈出窗口。

$(document).ready() { 
    // Get query parameters 
    // Display popup if showMessage is true 
} 

一旦第2頁完成加載,隱藏彈出

$(window).load(function() { 
    // Remove popup 
}); 

的GET變量也可以處理服務器端,就沒有JS延遲處理渲染彈出。

+0

嗨迪倫,感謝您輸入更多信息。但是,當從page1重定向到page2(這需要將近6秒)時,這個彈出框將消失,當page2開始加載時,這將顯示正確..但我需要在重定向時顯示此內容(頁面重定向應該在後面進行彈出窗口).. – Sriks 2014-12-03 01:54:03

+0

6秒痛苦。您可以使用第1頁上的HTML'prefetch'標記加速第二次頁面渲染。http://davidwalsh.name/html5-prefetch – 2014-12-04 02:12:57

0

您可以打開一個新的外部彈出窗口。它將獨立於在後臺加載的頁面。

window.open("/href/to/page"); 

您可以找到有關彈出窗口here

相關問題