Jquery 等待/页面加载答案

【问题标题】：Jquery Wait/Page LoadingJquery 等待/页面加载
【发布时间】：2011-03-09 21:40:33
【问题描述】：

这个问题不仅仅是一个“等待”对话，我基本上有一个搜索服务，可能需要几秒钟才能加载。因此，您将从搜索表单开始，然后单击搜索，然后这将转到另一个页面（可能需要几秒钟才能加载，例如来自服务器）。我不想让它成为一个 ajax 调用，我确实希望它从页面 A 转到页面 B 但是我希望能够实现加载页面，直到第二个页面从服务器返回。我找到的最近的是在

http://www.holidayautos.co.uk

用户在第一页等待直到第二页准备好，谁能建议使用 jquery 的最佳方式？

【问题讨论】：

我不得不建议我认为你做错了。我会进一步调查他们是如何做他们的页面的。

标签： jquery loading wait

【解决方案1】：

首先，显示您的“加载”叠加层。

然后使用“onload”事件创建一个隐藏的 iframe，并将其指向新页面。当 onload 触发时，显示 iframe 并隐藏您的叠加层。

这是您在保持对当前页面的控制的同时告诉另一个页面已“加载”的唯一方法。

【讨论】：

我觉得这个方法是对的，不过我会用隐藏的div代替iframe，你可以用CSS格式化
你将如何在 DIV 中加载没有 AJAX 的内容？
div 只会有你的加载动画，新的内容会在你加载新页面时显示...换句话说，当你触发事件时，你会改变 div 的可见性从隐藏到阻塞或其他......并且加载将显示......然后当新页面加载时它将消失......动态更改div的可见性不是ajax
一旦请求新页面，所有动画都会停止。这包括动画 GIF。

【解决方案2】：

您可能需要 BlockUI 插件。它将允许您在带有事件消息的页面上放置一个叠加层。只需将 BlockUI 附加到 form.submit 事件，您就应该准备就绪。

http://jquery.malsup.com/block/

【讨论】：

当有内容可供浏览器显示时，它就会转到它。您的结果页面脚本应该设计成在搜索完成之前不会开始发送输出。