Javascript JQuery逐个追加和fadeIn

我在数组上有一个each函数，我想为每个数组行创建一个div，并按顺序淡入。最好是它们在数组中的排序方式。目前我设法一次全部淡入，但我希望按顺序淡入。这是我的代码：

$.each(data, function(key, val) {
    var generatedDiv = $(document.createElement('div'));

    generatedDiv.attr('id',"div-"+val.id);
    generatedDiv.css({//somecssproperties});
    $('#results').append(generatedDiv);
    generatedDiv.fadeIn("fast");
});

有什么想法吗

谢谢。

试试这段代码

var t = 100;
$.each(data, function(key, val) {
    var generatedDiv = $(document.createElement('div'));
    generatedDiv.attr('id',"div-"+val.id);
    generatedDiv.css({//somecssproperties});
    $('#results').append(generatedDiv);
    t += 100;
    generatedDiv.delay(t).fadeIn('fast');
});

---

如果您创建了一个小提琴，我可能会提供帮助。我想这会同时启动

fadeIn

s，只会使下面的部分变慢。谢谢。但并不是完全按照我的要求去做，后者只是加载速度比第一个慢了一点，但它们仍然是一次加载的。哦，现在我看到了新的变化。让我来试一试try@genesis-fi，你不需要再增加

t

，否则后者会非常慢。@cbrandolino他想让它们一个接一个地显示出来，而不是在一瞬间/100毫秒后全部显示出来