Question

我有一些从ajax调用返回的数组数据，包括图像链接，一些标题文本和一个链接。我将这个数组的每个元素添加到页面上的div中，使用jQuery append方法并将其淡入。因为它执行得如此之快，所有元素同时淡入。我想让每个人顺序淡出。因此，当元素添加到主div时，淡入然后暂停.each语句大约100毫秒，然后再添加下一个元素。但是我不知道该怎么做。有任何想法吗？这是我的代码。

jQuery.each(data.themes, function (index){

    theme_html = "<div class=\"themePreviewWrap\" id=\"theme_" + index + "\" style=\"display:none;\"><div class=\"themePreview\"><img src=\"" + data.themes[index]['custom_color_screenshot'] + "\" /></div><div class=\"themePreviewButtom\"><div class=\"title\"><b>" + data.themes[index]['title'] + "</b></div><div class=\"link\">" + data.themes[index]['actions'] + "</div></div></div></div>";

    jQuery('#themeholder').append(theme_html);

    jQuery("#theme_" + index).fadeIn(500);

});

Answer 1

这样的事情：

jQuery("#theme_" + index).delay(index * 1000).fadeIn(500);

用jquery顺序延迟淡入淡出

1 个答案: