javascript - jQuery FadeIn 一张又一张地嵌套图像

Question

嗨，JQuery 大师，我需要你的一些帮助，我有一些 div

<div class="post">
    <div class="image-div">
         <img src="img" />
    </div>
</div><p></p>

<p><div class="column">
    <div class="image-div">
        <img src="img" />
    </div>
</div></p>

<p><div class="sidebar">
    <div class="image-div">
         <img src="img" />
    </div>
</div></p>

<p><div class="footer">
    <div class="image-div">
        <img src="img" />
    </div>
</div></p>

在文档中包含图像(图像通过 css 隐藏)，我想在 div、s 1 after 1 中淡入图像，延迟 500 毫秒，当所有图像都淡入回调警报完成时，请使用少量 jQuery 代码执行此操作，谢谢

Answer 1

$("div.image-div").each(function(index) {
    $(this).delay(400*index).fadeIn(300);
});

检查工作示例 http://jsfiddle.net/Xc6jn/3/