Question

我有一个名为“live”的div，它是Jquery的前置项列表：

<ul id="live">

</ul>

和数组中的项目：

$.each([ 'item1', 'item2', 'item3','item4','item5' ], function( index, value ) {
     $("#live").prepend('<li>' + this + '</li>').delay( 1000 ).fadeIn(1000);
});

但是所有物品都印在一起......我怎么能让它起作用呢？ :) （我尝试了setInterval，但它没有工作，延迟似乎也不起作用......）

任何想法??? ：d

Answer 1

尝试，

var x = ['item1', 'item2', 'item3', 'item4', 'item5'];

insert(0);

function insert(cnt) {
    $("<li style='display:none'>" + x[cnt] + "</li>")
     .prependTo($("#live")).fadeIn("slow", function () {
     ++cnt;
     if (cnt < x.length){ insert(cnt); }
    });
}

将数组项预先添加到淡入的div中

1 个答案:

DEMO