Javascript 逐个显示动态创建的div

我试着一个接一个地展示李的作品。这是我的密码。你知道为什么这样做行不通吗

$（'form'）。提交（函数（e）{
e、 预防默认值（）；
var userInput=$（'#inputNumber'）.val（）；
console.log（outputResult）；
var modifiedResult=outputResult.map（函数（项）{
返回“
”+项目+”
'
});
$（'.output'）.html（modifiedResult.join（“”）；
$（'.ball'）。每个（函数（即，e）{
$（this.delay（i*400）.fadeIn（）；
});
});

当您执行
$（'.output'）.html（modifiedResult.join（“”）时，
已显示
li
s（
display
属性默认为
block
）

在使用
#map（）
函数创建的html字符串中添加
style=“display:none”
就足够了-请参见下面的演示：


var userInput=$（'#inputNumber'）.val（）；
var输出结果=[1,2,3,4,5]；
var modifiedResult=outputResult.map（函数（项）{
返回“
”+项目+”
'
});
$（'.output'）.html（modifiedResult.join（“”）；
$（'.ball'）。每个（函数（即，e）{
$（this.delay（i*400）.fadeIn（）；
});

如果要在创建用户
后
fadeIn
显示：最初无


$（“#提交”）。单击（函数（e）{
e、 预防默认值（）；
var userInput=5；
var outputResult=[1,2,3,4,5]；
console.log（outputResult）；
var modifiedResult=outputResult.map（函数（项）{
返回“
”+项目+”
'
});
$（'.output'）.html（modifiedResult.join（“”）；
$（'.ball'）。每个（函数（即，e）{
调试器；
$（this.delay（i*400）.fadeIn（）；
});
});