html - 如何修复页面加载和预加载器？

Question

我在这里创建了一个预加载器，但是由于页面与预加载器一起显示，所以我遇到了困难。我只希望预加载器在预加载器消失后显示其他元素。预加载器正在完美地消失。

这是我要在预加载器之后显示的元素

 [![<div class="row ">
        <div class="col-md-10 offset-1">
            <div class="card">
                <div class="card">
                    <h5 class="card-header">Featured</h5>
                    <div class="card-body">
                        <h5 class="card-title">Special title treatment</h5>
                        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                        <a href="#" class="btn btn-primary">Go somewhere</a>
                    </div>
                </div>
            </div>
        </div>
    </div>][1]][1]

这是Javascript部分

 <script src="{% static 'user/js/jquery-3.5.1.min.js' %}"></script>
    <script>
        $( document ).ready(function(){
            $('.row').hide();
            $('.pre-loader').fadeIn('slow', function(){
                $('.pre-loader').delay(2500).fadeOut();
                $('.row').show();
            });
        });
    </script>
{% endblock %}

标签： htmlcssdjango