javascript - JQuery 预加载器显示和淡出

Question

我有一个预加载器

 <div id="overlay">
 <div class="preloader">
        <div>R</div>
        <div>E</div>
        <div>D</div>
        <div>A</div>
        <div>O</div>
        <div>L</div>
        <div>E</div> 
        <div>R</div>
        <div>P</div>
    </div>
    </div>

我有一个 css，这是一个相当大的文件。我的问题是我的 jQuery 没有正确加载它，它只是在左上角加载它，而且我对此很陌生，所以我不太了解 jQuery。

 <script>
    var overlay = document.getElementById("overlay");

    window.addEventListener('preloader', function () {
        overlay.style.display = 'none';
    });
</script>

Answer 1

使用这个:

window.addEventListener('load', function () {
    overlay.style.display = 'none';
});