foreach 延迟淡入 jquery答案

【问题标题】：foreach delay fadein jqueryforeach 延迟淡入 jquery
【发布时间】：2014-01-27 13:56:58
【问题描述】：

我正在尝试使用 jquery 为每个 div 延迟我的 css 淡入。我需要元素一个接一个地淡入。目前它们只是同时淡入淡出。

这是我的 jquery：

$(".service").each(function(i, el) {
    var el = $(el);
    if (el.visible(true)) {  
        $(this).delay(800*i, function(){
            el.addClass("animated fadeInDown"); 
        });
    } 
  });

请帮忙。

【问题讨论】：

我不认为 jQuery 将函数作为延迟的第二个参数。文档说string...api.jquery.com/delay - 所以改用setTimeout

标签： javascript jquery

【解决方案1】：

使用 setTimeout：

$(".service").each(function (i, el) {
    var el = $(el);
    if (el.visible(true)) {
        setTimeout(function () {
           el.addClass("animated fadeInDown");
        }, 800 * i);
    }
});

【讨论】：