所以我一直在努力获得一个jquery轮播来处理我的网站设计。旋转木马在这里找到: http://www.fortelessons.com。 我最小化了网站上的所有javascript,所以要在最小化旋转木马之前查看特定的jquery,我在这里复制了它: http://fortelessons.com/js/full/infinite.js
因此它适用于我测试过的所有地方。但现在我看看Chrome 20.0.1132.57,我有一些非常奇怪的问题。在第一次初始加载时它看起来很棒。但是如果我重新加载页面“学习钢琴”,“学习声音”和“学习吉他”将被一个乐器向左移动,在吉他的图片下面留下一个空白。如果我清除缓存并重新加载它很好,但一旦它在缓存中它再次执行它。这有什么用呢?我甚至不知道从哪里开始。它不能用我当前版本的firefox或IE,只是Chrome。
我可以发布jquery正在做什么的更详细描述,如果它可以节省您查看代码的时间,但我只是想知道它是否可由任何人重现,或者是否有人知道为什么页面被缓存会以某种方式改变它的显示方式。我甚至不知道如何开始调试它。
编辑:实际上只有当我点击重新加载按钮时才会这样。如果我点击网站,然后点击返回没有问题。但是一旦我点击重新加载它就搞砸了。如果我再次点击它会恢复正常。我想实际上这不是一个大问题,因为它几乎不会发生,但我仍然想知道发生了什么。
答案 0 :(得分:0)
我认为你遇到的问题来自于一个问题,即绝对定位的元素会使周围的元素变成空洞的元素。
缓存似乎存在问题,当您重新加载浏览器时,没有获得按照您的意图绘制网页所需的所有信息。
当你制作每个li
position:relative
时,视图会被明确告知如何处理相关元素,一切正常 - 即使重新加载也是如此。缓存不再是一个问题。