2011-04-05 23 views
0

我試圖使用min-height與jQuery.animate這樣的:如何使用帶有最小高度的jQuery的.animate方法?

$insert.animate({ min-height : 52 }, 1000).animate({ opacity : 1 }, 1000); 

,但它打破了腳本。如果我使用height : 52它的作品。有任何想法嗎?

編輯:see demo

+0

這是正確的語法爲最低高度之前,想要進行動畫設置它?我不完全確定你爲什麼想要動畫那個屬性。 – 2011-04-05 21:19:29

+0

我必須插入一個元素並在特定的高度將其設置爲動畫,如果這個元素內部出現了可以更大或更小的圖片,我希望元素自動調整大小,最小高度爲 – Patrioticcow 2011-04-05 21:22:01

+0

但是它是什麼動畫從?同樣,是否有一個以前設定的最小高度值? – 2011-04-05 21:24:17

回答

3

嘗試在引號包裹min-height

$insert.animate({ 'min-height' : 52 }, 1000).animate({ opacity : 1 }, 1000); 

我要補充:我假設$insert是一個指向一個塊級元素,即$insert = $('#insert'),其中#insert是一個HTML元素與display: block。我試過我的解決方案in JSFiddle too

+0

它以某種方式轉換爲'height:0px'。看起來像它不明白 – Patrioticcow 2011-04-05 21:24:02

+0

我給我的答案增加了一些新的假設,你的代碼是否匹配? – 2011-04-05 21:26:22

+0

見http://jsfiddle.net/patrioticcow/hh8Q8/1/。它應該動畫到'.test'的大小 – Patrioticcow 2011-04-05 21:42:21

0
$insert.animate({'min-height':'500px'}, 1000); 

使用jQuery 1.7