爲什麼這個動畫顯示沒有阻止不工作？

Question

爲什麼這個動畫顯示沒有阻止不工作？

首先代碼這個樣子的，它的工作好

$(".box_outer").stop().animate({top: '25px' , opacity: 1}, 100); 

當我添加display: none;到box_outer和類添加, display: 'block'

我的動畫功能無法正常工作，我該怎麼辦呢？

$(".box_outer").stop().animate({top: '25px' , display: 'block' , opacity: 1}, 100); 

Answer 1

的animate()方法適用於僅與數值的屬性，display是不是其中的1所以儘量

$(".box_outer").stop().show().animate({top: '25px', opacity: 1}, 100); 

，或者如果你也想動畫顯示，高度設置爲0，然後使用height: 'show'作爲動畫屬性

Answer 2

你不能動畫display請參閱本文的解決方法，

http://www.impressivewebs.com/animate-display-block-none/

現場演示：http://jsbin.com/iZUGaKI/1/

Answer 3

據我知道你不能動畫顯示屬性，但你可以用秀（）隱藏（）或淡入（）淡出（）出於同樣的目的，他們會很好地工作與顯示：無

$(".box_outer").show(100); 

OR

$(".box_outer").fadeIn(100);