Javascript 为什么此动画显示“无”以阻止不工作？

为什么此动画显示“无”以阻止不工作

第一个代码是这样的，它的工作很好

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

添加

显示时：无到类
框外部
并添加
，显示：“块”

我的动画功能不起作用，我该怎么做

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

该方法仅适用于具有数值的属性，
display
不是其中之一，请尝试

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

或者，如果还想为显示设置动画，请将高度设置为0，然后使用
height:“show”
作为动画属性
您无法为
显示设置动画
有关解决方法，请参阅本文


实时演示：
据我所知，您无法设置“显示”属性的动画，但您可以使用show（）hide（）或fadeIn（）fadeOut（）实现相同的目的，并且它们可以很好地与“显示：无”配合使用

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

或

据我所知，您无法设置
显示的动画：无
…可能是
$(".box_outer").fadeIn(100);