2011-05-05 78 views
5

今天早上我升級到jQuery 1.6,現在我花了很長時間在我的應用程序中進行微調的動畫現在失敗了。這是一個例子。注意1.5動畫如何保持盒子居中,但在1.6動畫中出現了問題。jQuery 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中工作?

+0

您是否閱讀過突破性更改列表? http://blog.jquery.com/2011/05/03/jquery-16-released/ – driis 2011-05-05 08:32:04

+0

我沒有看到它說明了動畫中的任何變化...... – wilsonpage 2011-05-05 08:34:23

+0

他們所有的小提琴都適合我......測試IE8,FF和Chrome。 – anothershrubery 2011-05-05 08:34:39

回答

5

我編輯了一個jsFiddles以處理新的1.6更改。

現在似乎沒對我說:http://jsfiddle.net/tomgrohl/RULJN/

在您marginLeftmarginTop我改變了值從marginLeft:-200marginLeft:"-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); 

把引號的尺寸使得動畫作品。無論如何,我有一種感覺,他們應該引用。

+0

這個例子與我發佈的1.5例子不符(http://jsfiddle.net/LJZ54/3/)。您的動畫似乎從右下角開始增長。目的是讓廣場從中心發展。 – wilsonpage 2011-05-05 08:47:00

+0

對不起。只是再次查看所有其他人。可能它可能是一個bug。 – Tomgrohl 2011-05-05 08:50:12

+0

修復您的代碼以進行修復! http://jsfiddle.net/RULJN/1/ – wilsonpage 2011-05-05 08:52:00