Javascript jQuery随延迟衰减

一个简单的问题：为什么这个代码不起作用

<script>
function test( jQuery ){
 $("#fade").delay(500).fadeIn(4000);
 $("#fade2").delay(500).fadein(4000);
}
$( document ).ready( test );
</script>

函数测试（jQuery）{
美元（“#褪色”）。延迟（500）。褪色（4000）；
美元（“#fade2”）。延迟（500）。fadein（4000）；
}
$（文件）。准备就绪（测试）；

请记住，我是jQuery新手

---

谢谢

我能想到的唯一可能的原因是元素最初没有隐藏-要使fadeIn（）工作，元素必须先隐藏

所以要么用脚本隐藏它

function test(jQuery) {
    $("#fade").hide().delay(500).fadeIn(4000);
    $("#fade2").hide().delay(500).fadeIn(4000); //typo
    //this can be shorten to
    //$("#fade, #fade2").hide().delay(500).fadeIn(4000);
}
$(document).ready(test);

或者使用css

#fade, #fade2 {
    display: none;
}

delay（）

暂停队列中的方法链。您也可以尝试使用原始

setInterval

：

function test(){
    var animation = setInterval(function(){
        //whatever here is run after 500 ms
        $("#fade").fadeIn(4000);
        $("#fade2").fadein(4000);
        clearInterval(animation); //we prevent the loop so it only runs once
    }, 500);
}

$(document).ready(test);

或者类似的内容，这样您就不需要为每个方法键入document ready事件：

function test(){
    var animation = setInterval(function(){
        //whatever here is run after 500 ms
        $("#fade").fadeIn(4000);
        $("#fade2").fadein(4000);
        clearInterval(animation); //we prevent the loop so it only runs once
    }, 500);
}

$(document).ready(function(){
    //I like this approach better.
    test();
});

---

输入错误：

fadein

。JavaScript区分大小写。

fadeIn

中的

i

应该大写。什么是“不工作”？你能描述一下你所看到的和你所期望的吗？例如，您是否希望fade2到fadeIn在fade之后发生？