【问题标题】:jQuery: margin animation works in Chrome, not in Firefox and IEjQuery:边距动画在 Chrome 中有效,在 Firefox 和 IE 中无效
【发布时间】:2010-03-12 01:25:03
【问题描述】:

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

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

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

【问题讨论】:

    标签: jquery internet-explorer firefox google-chrome


    【解决方案1】:

    Firefox 无法正确地为 margin-left 设置动画。而是让您的<ul> 相对定位并使用left 属性。

    所以不要使用margin-left: -125px;,而是使用left: -125px; position: relative;

    并将您的动画更改为:

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

    这适用于所有浏览器。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-10-29
      • 1970-01-01
      • 2011-12-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多