javascript - 加载 div 然后延迟加载 jquery 中的下一个

Question

嗨，我有一个画廊，里面留有 float 的div，图片是每个div的背景，我想要的是每张图片加载时有轻微的延迟，所以首先加载然后等待5秒，然后是第二个等等在一个序列中，我在网站上看到过它，但总是忘记给它添加书签，如果可能的话，在 jquery 中。

我确实尝试过查询，但只有当我希望每个 div 淡入时，我才能让所有内容淡入

所以使用这段代码:

<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

子元素将一次淡入一个。第一个延迟 5 秒，然后是下一个，依此类推。

谢谢

Answer 1

您可以使用

$('#parent .child')
    .hide()
    .each(function(index){
        var _this = this;
        setTimeout( function(){ $(_this).fadeIn(); }, 5000*index );
    });

演示地址:http://jsfiddle.net/gaby/eGWx9/1/