Jquery Ajax在获取数据时加载图像

Question

我正在使用 Jquery Ajax 函数在单击事件时从数据库获取数据。

该函数工作正常并显示数据。 但加载数据需要时间，所以我想在获取数据的同时放置加载图像。 我用这个方法来做

<script type="text/javascript">
    jQuery(function($) {
        $(document).ready(function() {
            $("#imgs").hide();
            $(".letter").bind('click', function(){
                $("#imgs").fadeIn();
                var val = $(".letter").val;
                var site = '<?php echo site_url(); ?>';
                $.ajax({
                    url: site+'/wp-content/themes/premiumnews/newContent.php?letter='+$(this).html(), 
                    success:function(data){
                        $("#imgs").hide();
                        $("#content1").html(data);
                    }
                });
            });
        });
    });
</script>

当我单击按钮时，会出现加载图像，但成功后图像应该消失，在我的情况下它仍然保留在那里

我的代码有问题吗？还是我使用了错误的方法？

Answer 1

这是我过去一直使用的:

$('#loading_div').hide().ajaxStart(function(){
    $(this).show();
}).ajaxStop(function() {
    $(this).hide();
});