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

标签 javascript google-chrome browser internet-explorer-9

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

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

</body> 之前,我尝试将所有 JavaScript 放在右下角,但这似乎根本没有帮助。

Here's a link ,当您单击除 New SpecialitesNew Offers 之外的任何菜单项时,它会立即加载,但由于加载 JavaScript,这两项会使页面闪烁。

有什么方法可以避免这种情况吗?我正在 Google Chrome 中对此进行测试,它似乎在 Windows 和 Mac OS X 上做同样的事情。

最佳答案

如果删除对脚本的引用,则不会发生闪烁:

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

你试过在 https://github.com/wesnolte/Pajinate/issues 询问吗?关于这个?

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

关于javascript - 使用 JavaScript 加载页面时如何避免静态网站闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8011245/

相关文章:

javascript - 如何创建 Angular 服务以从本地存储获取数据(如果可用),否则调用 api 方法

jquery-ui - 如何禁用新的 Chrome HTML5 日期输入?

java - 在 Protractor 中出现 "chrome not reachable"错误

JavaScript document.cookie 的信息少于 Chrome cookie 资源浏览器

html - CSS 选择器/xpath 和 url

php - 如何在所有浏览器的每个回显中正确显示输出?

java - Hello World Java 小程序不会在 Ubuntu 的 Firefox 中显示

javascript - typescript中的类有什么用

javascript - css,如何根据表格中的事件行设置滚动位置

javascript - 如何访问滚动事件内的对象范围?