javascript - 为什么此动画不显示以阻止不起作用？

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 不是其中之一，因此请尝试

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

或者如果您还想为显示设置动画，请将高度设置为 0，然后使用 height: 'show' 作为动画属性