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';
});