2

所以我一直在努力让一个 jquery 轮播来配合我的网站设计。轮播可在此处找到: http ://www.fortelessons.com 。我最小化了网站上的所有 javascript,因此要在最小化轮播之前查看特定的 jquery,我在此处复制了它:http: //fortelessons.com/js/full/infinite.js

所以它在我测试过的任何地方都可以正常工作。但现在我查看 Chrome 20.0.1132.57,我遇到了一些非常奇怪的问题。在第一次初始加载时,它看起来很棒。但是,如果我重新加载页面“学习钢琴”、“学习语音”和“学习吉他”,就会被一种乐器向左移动,在吉他图片下方留下空白。如果我清除缓存并重新加载它很好,但一旦它在缓存中,它就会再次这样做。这有什么意义?我什至不知道从哪里开始。它不适用于我当前版本的 Firefox 或 IE,只有 Chrome。

如果它可以节省您查看代码的时间,我可以发布更详细的 jquery 正在做什么的描述,但我只是想知道它是否可以被任何人重现,或者是否有人知道为什么被缓存的页面会以某种方式改变它是如何显示的。我什至不知道如何开始调试它。

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

4

1 回答 1

0

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

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

当您制作每个li position:relative视图时,会明确告知如何处理相关元素并且一切正常 - 即使重新加载也是如此。缓存不再是问题。

于 2012-07-21T19:39:05.557 回答