这个问题很难解释,所以我会先提供代码,然后在尽我所能描述问题的同时,我假设您已经比较了 Firefox 和任何其他浏览器的结果。
代码:http://jsfiddle.net/MEckv/ (点击大框开始)
出于某种原因,盒子的左侧位置似乎在弹出之前被重置了,让人感觉它们只是在左侧循环,而右侧的盒子只是改变颜色。不过,此问题不会出现在 Firefox 中。
我在代码中做了什么疯狂的事情吗?
提前致谢!
最佳答案
问题是您要指定 right: 0px;
然后尝试将动画设置为特定的 left
。显然 Firefox 知道如何处理,但其他浏览器似乎不知道。
解决方案是将您的 left
常量转换为 right
常量或找到实际的 left
值(使用jQuery 的 .offset().left
) 并使用它们设置您的框的样式,以便浏览器知道如何设置动画(只有第二种方法似乎效果很好)。这是一个有效的小演示:little link .
希望对您有所帮助!
关于jQuery 动画在除 Firefox 之外的所有浏览器中都失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12123547/