使用 JavaScript 加载页面时如何避免静态网站闪烁

Question

我有一个包含几个页面的完全静态的网站。其中大多数只包含图像，但其中两个还显示新闻列表，我决定使用jQuery plugin pajinate 对其进行分页。

问题是，当我在静态页面之间单击时，看起来它们只是交换 内容。但是一旦我点击一个带有分页的页面，整​​个页面闪烁，就像在浏览器中显示一个空白页面，然后渲染内容并显示它。

我尝试将所有 JavaScript 放在 </body> 之前的右下方，但这似乎没有任何帮助。

Here's a link，当您单击 New Specialites 或 New Offers 以外的任何菜单项时，它会立即加载，但这两个会使页面因加载 JavaScript 而闪烁.

有什么办法可以避免这种情况吗？我正在 Google Chrome 中测试它，它似乎在 Windows 和 Mac OS X 上做同样的事情。

Answer 1

如果您删除对脚本的引用，则不会发生闪烁：

https://raw.github.com/wesnolte/Pajinate/master/jquery.pajinate.min.js

你有没有试过在https://github.com/wesnolte/Pajinate/issues询问这个？

编辑：另外，在本地保存 jquery.pajinate.min.js 并使用它似乎可以缓解闪烁问题。