【发布时间】:2010-03-12 01:25:03
【问题描述】:
项目:http://design.vitalbmx.com/fave/news.html
当我点击“添加到收藏夹”按钮(在主图片下)时,在 Chrome 中它会为 UL 设置动画, 而在 Firefox 和 IE 中则不起作用。
无法弄清楚为什么它的工作方式不同。请帮忙。
【问题讨论】:
标签: jquery internet-explorer firefox google-chrome
项目:http://design.vitalbmx.com/fave/news.html
当我点击“添加到收藏夹”按钮(在主图片下)时,在 Chrome 中它会为 UL 设置动画, 而在 Firefox 和 IE 中则不起作用。
无法弄清楚为什么它的工作方式不同。请帮忙。
【问题讨论】:
标签: jquery internet-explorer firefox google-chrome
Firefox 无法正确地为 margin-left 设置动画。而是让您的<ul> 相对定位并使用left 属性。
所以不要使用margin-left: -125px;,而是使用left: -125px; position: relative;
并将您的动画更改为:
$j('#fave_recent ul').animate({'left': 0}, 500);
这适用于所有浏览器。
【讨论】: