以不同的方式在chrome加载页面中重新加载

Reload in chrome loading page differently

本文关键字:加载 新加载 方式 chrome      更新时间:2023-11-20

所以我一直致力于让jquery转盘与我的网站设计一起工作。转盘可在此处找到:http://www.fortelessons.com.我最小化了网站上的所有javascript,所以为了在最小化转盘之前查看特定的jquery,我在这里复制了它:http://fortelessons.com/js/full/infinite.js

所以它适用于所有我测试过的地方。但现在我看到Chrome 20.0.1132.57,我遇到了一些非常奇怪的问题。第一次加载时,它看起来很棒。但是,如果我重新加载页面"学习钢琴"、"学习声音"answers"学习吉他"会被一个乐器移到左边,在吉他图片下面留下空白。如果我清除缓存并重新加载它是可以的,但一旦它在缓存中,它就会再次执行。这有什么意义?我甚至不知道从哪里开始。我当前版本的firefox或IE没有这样做,只有Chrome。

如果jquery能节省你浏览代码的时间,我可以发布一个更详细的描述jquery正在做什么,但我只是想知道它是否可以由任何人复制,或者是否有人知道为什么缓存的页面会以某种方式改变它的显示方式。我甚至不知道如何开始调试它。

编辑:事实上,只有当我点击重新加载按钮时。如果我点击周围的网站,然后点击回来,没有问题。但一旦我点击重新加载,它就会变得一团糟。如果我再次点击,它会恢复正常。我想在现实中这不会是一个大问题,因为它几乎永远不会发生,但我仍然想知道发生了什么。

我认为您遇到的问题来自于一个问题,即绝对定位的元素使周围的元素没有自然流动的元素。

缓存似乎存在问题,当您重新加载浏览器时,浏览器没有获得绘制网页所需的所有信息。

当您将每个li设置为position:relative时,视图会被特别告知如何处理相关元素,并且一切都很好——即使在重新加载时也是如此。缓存不再是问题。