AJAX / JSON过程中的图像加载器

Question

我一直试图让一个Image加载器显示在ajaxStart期间覆盖整个文档并隐藏在ajaxStop上，如下所示：

脚本：

$(this).ajaxStart(function(){
         $().addClass('imageLoader');
    });

    $(this).ajaxStop(function(){
           $().removeClass('imageLoader');
    });

CSS：

.imageLoader { 
background: #f5f3e5 url('images/common/loading.gif') 50% no-repeat; top }

它没有按预期显示图像，虽然我知道ajaxStart / Stop在我使用其他一些示例代码测试它时（即将某些文本颜色更改为红色）。

有更好的方法来实现吗？ 我似乎无法理解问题所在。

Answer 1

如果你用类设置一个隐藏的div并显示/隐藏它会更容易

<div style="display:none" class="imageLoader" id="loader"></div>

$(this).ajaxStart(function(){
         $('#loader).show();
    });

    $(this).ajaxStop(function(){
         $('#loader).hide();
    });