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