jquery - 无法让 .delay() 工作

Question

我对 jQuery 的经验几乎为零，所以就这样吧……我已经做了很多研究，但我就是不知道我做错了什么……

我希望两个 DIV 依次淡入，但在第一个和第二个之间有延迟。这是我到目前为止所拥有的：

   <script type="text/javascript">

$(document).ready(function(){

        $("div.1").hide();
        $("div.2").hide();
        $("div.1").fadeIn(400);
        $("div.2").delay(800).fadeIn(400);
});

</script>
<div class="1">
This is DIV1</div>
<div class="2">
This is DIV2</div>

我真的希望你们能帮助我！提前致谢 ：）

Answer 1

您需要使用回调函数：

("div.1").fadeIn(400, function() {$("div.2").delay(800).fadeIn(400);});

这样就完成了div.2will fire after的淡入 div.1 fadeIn

不延误

("div.1").fadeIn(400, function() {$("div.2").fadeIn(400);});

Answer 2

.delay 方法是在 jQuery 1.4 中添加的，所以如果您正在加载 jQuery 1.3，正如您在评论中指出的那样，那就是您的问题。您的代码在 1.4 或更高版本中应该可以正常工作。