jQuery:边距动画适用于 Chrome，不适用于 Firefox 和 IE

Question

项目:http://design.vitalbmx.com/fave/news.html

当我点击“添加到收藏夹”按钮(在主图片下)时，在 Chrome 中它会为 UL 制作动画， 而在 Firefox 和 IE 中则不起作用。

无法弄清楚为什么它的工作方式不同。请帮忙。

Answer 1

Firefox 不会动画 margin-left正确。相反，让你的 <ul>相对定位并使用left属性。

所以代替 margin-left: -125px;使用left: -125px; position: relative;

并将动画更改为:

$j('#fave_recent ul').animate({'left': 0}, 500);

这适用于所有浏览器。