在我的應用程序中,從Page1重定向到Page2需要將近6秒。所以與此同時,我需要在第1頁上的一個超鏈接上立即顯示一個彈出窗口,它應該在那裏,直到第2頁上的所有數據都加載完畢。即使在重定向到另一個頁面後也顯示彈出窗口
我試圖以正常的方式實現(在超鏈接的單擊時打開彈出窗口,同時頁面重定向到page2),但當頁面url變爲page2時,彈出窗口正在關閉,因爲page2 DOM已啓動加載。這不是我的要求。有人可以建議我如何實現這一點。
在我的應用程序中,從Page1重定向到Page2需要將近6秒。所以與此同時,我需要在第1頁上的一個超鏈接上立即顯示一個彈出窗口,它應該在那裏,直到第2頁上的所有數據都加載完畢。即使在重定向到另一個頁面後也顯示彈出窗口
我試圖以正常的方式實現(在超鏈接的單擊時打開彈出窗口,同時頁面重定向到page2),但當頁面url變爲page2時,彈出窗口正在關閉,因爲page2 DOM已啓動加載。這不是我的要求。有人可以建議我如何實現這一點。
只是一個想法...尋找一個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延遲處理渲染彈出。
嗨迪倫,感謝您輸入更多信息。但是,當從page1重定向到page2(這需要將近6秒)時,這個彈出框將消失,當page2開始加載時,這將顯示正確..但我需要在重定向時顯示此內容(頁面重定向應該在後面進行彈出窗口).. – Sriks 2014-12-03 01:54:03
6秒痛苦。您可以使用第1頁上的HTML'prefetch'標記加速第二次頁面渲染。http://davidwalsh.name/html5-prefetch – 2014-12-04 02:12:57