Chrome, Safari 中的 JQuery .animate() != FF, IE, Opera

Posted

技术标签:

【中文标题】Chrome, Safari 中的 JQuery .animate() != FF, IE, Opera【英文标题】:JQuery .animate() in Chrome, Safari != FF, IE, OperaChrome, Safari 中的 JQuery .animate() != FF, IE, Opera 【发布时间】:2011-02-15 19:27:28 【问题描述】:

我已经做了一个绝对定位,它以宽度=0 开始水平居中,并使用 .animate() 扩展到页面的两侧。该效果在 Firefox、Opera 和 IE 中按预期工作,但令人惊讶的是,Chrome 和 Safari 都将 div 移动到页面的左侧(几乎 left=0),然后将其扩展为 100%。我不明白为什么;我肯定错过了什么。任何挽救我理智的建议将永远不胜感激..

#panel  position: absolute; top: 110px; bottom: 240px !important; min-height: 200px; width: 0; left: 50%; 

$('#panel').animate('left': '0', 'width': '100%', 750);

【问题讨论】:

【参考方案1】:

我有同样的问题,但现在它工作正常。它已在最新版本的 jquery 中修复。 您只需要使用最新版本的 jquery 1.4.3。并替换它 http://code.jquery.com/jquery-1.4.3.js

【讨论】:

以上是关于Chrome, Safari 中的 JQuery .animate() != FF, IE, Opera的主要内容,如果未能解决你的问题,请参考以下文章

jQuery animate() 在 Google Chrome 和 Safari 中的左侧位置

jQuery ajax 在 Chrome 和 Safari 中失败 *sometimes* (ERR_EMPTY_RESPONSE)

Safari 和 Chrome 中的 Jcrop 坐标被覆盖

使用 jQuery.browser 区分 Chrome 和 Safari

jQuery .animate( 'width' : 'show' ) 在 Chrome/Safari 中无法正常工作?

为啥 jQuery 选择器适用于 Chrome,但不适用于 Safari?