2012-09-05 46 views
0

我想動畫一個div,其中有3-4個孩子的div,與fold效果:jQuery和褶皺效果:直接隱藏無動畫

$("#main div").each(function() { 
    $(this).click(function() { 
     $(this).effect('fold',{},'2000',callback); 
    }) 
}); 

當我點擊主DIV它會通常消失,效果不錯。但事實上,不,它只會消失。

Here is a link在這裏你可以看到發生了什麼(我用firefox)—(link

回答

0

要使用effect動畫,你必須包含了jQuery UI庫,或至少部分與動畫,基本jQuery庫只有linearswing

唯一緩解了jQuery庫的實現是默認的,所謂的搖擺,以及一個進步以恆定的速度,稱爲線性。使用插件可獲得更多的緩動功能,最顯着的是jQuery UI suite

(引自:​​)

要下載只是影響(在'寬鬆政策動畫),您可以訪問:jQuery UI's download page,並僅選擇 '效果' 的組件。

+0

我試着按照你的建議去做,但沒有任何反應,總是這樣做:div只是消失! 事實上,已經有jquery-ui庫加載...否則螢火蟲說「效果不是函數」 – kangun

+0

你可以發佈[JS小提琴](http://jsfiddle.net/)再現問題? –

+0

我試過了,但不行!當你繼續我的鏈接時,它會重現問題還是有動畫? – kangun