即使在重定向到另一个页面后也显示弹出窗口

在我的应用程序中，从Page1重定向到Page2需要将近6秒。所以与此同时，我需要在第1页上的一个超链接上立即显示一个弹出窗口，它应该在那里，直到第2页上的所有数据都加载完毕。即使在重定向到另一个页面后也显示弹出窗口

我试图以正常的方式实现（在超链接的单击时打开弹出窗口，同时页面重定向到page2），但当页面url变为page2时，弹出窗口正在关闭，因为page2 DOM已启动加载。这不是我的要求。有人可以建议我如何实现这一点。

2014-12-03 Sriks

只是一个想法...寻找一个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延迟处理渲染弹出。

2014-12-03 01:21:50

嗨迪伦，感谢您输入更多信息。但是，当从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

您可以打开一个新的外部弹出窗口。它将独立于在后台加载的页面。

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

您可以找到有关弹出窗口here

2014-12-03 02:02:12 OguzGelal

回答