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.2的淡出将在 div.1 fadeIn完成后触发

毫不拖延

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

Answer 2

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

无法让.delay（）正常工作

2 个答案: