在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

我编辑了一个jsFiddles来处理新的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);

将维度放在引号中会使动画生效.无论如何,我有一种感觉他们应该引用.