javascript - 动画在 jQuery 1.6 中被破坏了!

Question

我今天早上升级到 jQuery 1.6，现在我花了很长时间在我的应用程序中进行微调的很多动画现在都失败了。这是一个例子。请注意 1.5 动画如何使框居中，但在 1.6 动画中出现问题。

我已将其缩小为与动画中涉及的不透明度有关的问题。如果我删除不透明度它工作正常...

JQ 1.5 示例: http://jsfiddle.net/LJZ54/3/

JQ 1.6 示例: http://jsfiddle.net/LJZ54/4/

JQ 1.6 示例(无不透明度): http://jsfiddle.net/LJZ54/5/

问题:我应该如何更改我的动画代码以在新的 jQuery 1.6 中工作？

Answer 1

我编辑了您的一个 jsFiddle 以适应新的 1.6 更改。

现在对我来说没问题:http://jsfiddle.net/tomgrohl/RULJN/

在您的 marginLeft 和 marginTop 上，我将值从 marginLeft:-200 更改为 marginLeft:"-200px".

它们需要在引号中才能工作。 width 和 height 相同。

为了使动画正常工作，我更改了以下内容:

$('div').animate({
    width:400,
    height: 400,
    marginLeft: -200,
    marginTop: -200,
    opacity:1
},500);

收件人:

$('div').animate({
    width:"400px",
    height: "400px",
    marginLeft: "-200px",
    marginTop:"-200px",
    opacity:1
},500);

将尺寸放在引号中会使动画起作用。我有一种感觉，无论如何它们都应该用引号引起来。