JQuery每个都逐个追加和淡出

时间:2011-10-05 13:40:56

标签: javascript jquery

我有一个数组上的每个函数,我想为每个数组行创建一个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");
});

有什么想法吗?

感谢。

1 个答案:

答案 0 :(得分:4)

试试此代码

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');
});

demo