jQuery 动画在除 Firefox 之外的所有浏览器中都失败

标签 jquery css jquery-animate

这个问题很难解释,所以我会先提供代码,然后在尽我所能描述问题的同时,我假设您已经比较了 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/

相关文章:

javascript - 从另一个页面预加载 Index.HTML - Javascript

html - 两个部分的 twitter bootstrap 背景图像

javascript - 单击 div 时滚动到顶部,如果滚动在顶部则滚动到底部

javascript - 视差不稳定

jQuery slider UI不滑动

javascript - 如何在数据切换工具提示 Bootstrap 中显示一些字符

php - 搜索结果破坏了 Bootstrap 中的导航栏

javascript - 如何检查字符串是否匹配 JS 中的正则表达式?

jquery - 如何让这个 jQuery 动画函数从下到上工作?

javascript - nivo-lightbox 插件 slideIn images onclick of next or previous