重新加载或更改页面时jQuery页面预加载器

Question

当网页重新加载或打开另一个页面时，它是否有可能显示“loding ...”图形（动画.gif图像），而不是外出白色并返回新内容。实际上我需要一些方法来通过jquery或js传递所有浏览器的页面重新加载的默认过程。可能这是一个抽象的想法，但它只是尝试了解现实。

我需要将其激活到我网站的几个页面。像图库一样。当我搜索图库时，它将重新加载整个页面，更改标题，元素等，而不仅仅是获取新结果并更换库，一般在AJAX中完成，但过程将以一种体面的方式，这将提供一个错觉我之前描述的内容。它将淡出 - ＆gt;显示加载图形 - ＆gt;淡入新内容。对于高速互联网用户来说可能需要一小段时间来重新加载和检测不到，但对于使用较慢互联网的人来说非常有吸引力。

Answer 1

您可以使用$ .ajax加载您的网页，但您会遇到一些困难：

• 跨站点ajax请求（如果需要从其他域请求），
• CSS和javascript文件调用问题，
• SEO问题
• ...

Answer 2

你应该考虑'#hash mark navigation'，其中（hash） - 指向其他页面（或同一页面）的链接将浏览器保持在同一页面上，javascript获取新内容并将其粘贴到页面的某些部分你想要的地方，填满整个页面。

这是一篇描述这种技术的文章：http://www.quintonpike.com/web-development/jquery-url-hash-mark-navigation.html

Answer 3

您既不能重新加载页面，也不能同时运行JavaScript。所以我想你可以采取两种方式，要么重写代码AJAX风格，要么实际上没有重新加载页面，只是替换内容。

我能想到的另一种方式（当页面被重新加载时仍然会给你一个小的眨眼），但是如果你使用CSS从头开始隐藏页面上的所有元素，那么你会有所要求，除了包含您的加载器的元素。然后你有一个在onload-event触发时执行的JavaScript函数，它隐藏你的loader元素并显示你所有的其他元素。