在jQuery 1.6中打破的动画!

时间:2011-05-05 08:28:31

标签: javascript jquery animation

我今天早上升级到了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?

1 个答案:

答案 0 :(得分:5)

我编辑了一个jsFiddles来处理新的1.6更改。

现在看来我很好:http://jsfiddle.net/tomgrohl/RULJN/

marginLeftmarginTop上,我将值从marginLeft:-200更改为marginLeft:"-200px"

他们需要在引号中工作。 widthheight相同。

为了让动画有效,我改变了以下内容:

$('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);

将维度放在引号中会使动画生效。无论如何,我觉得他们应该引用。