问题
我想使用jQuery向我的网站添加一个简单的加载动画,当我加载页面时它就会出现——但它只是永远重复,不会像指定的那样在500毫秒后消失。
守则
JS Fiddle
HTML格式

<div class="loading">
    <img src="http://www.puzzlexperts.com/images/Preloader_3.gif" id="loader">
</div>

CSS
#loader {
    display: block;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 1000;
}

.loading {
position: absolute;
    z-index: 100;
    height: 100%;
    width: 100%;
    background-color: #fff;
}

JS公司
$(window).load(function() {
        $("#loader").delay(500).fadeOut("slow");
        $(".loading").delay(500).fadeOut("slow");
    }

它应该如何工作
我希望它能在一个纯白色的全屏背景上显示500毫秒的加载动画,然后慢慢淡出以显示网站。
你们知道怎么纠正这种行为吗?

最佳答案

您错过了window.load的右括号

$(window).load(function() {
    $("#loader").delay(500).fadeOut("slow");
});

关于javascript - jQuery .delay与.fadeOut结合使用不会执行任何操作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23836080/

10-14 00:15