Jquery中如何在显示内容之前，显示加载图片

Question

前辈请教个问题，现在我遇到一个这样的东西，就在练习标签菜单的时候，就是当我点击一个标签的时候，下面会显示相应的内容的：
,

但是现在我要显示内容之前，会加载一个Loading图片：

然后再显示内容，但是我弄了半天还是没让这个加载的图片出现。

js代码如下：

$(document).ready(function(){
/刚开始加载/
$("#realContentin").load("tabLoad.html");

$("#tabul li").each(function(index){

    $(this).click(function(){
        /*removeClass() 方法从被选元素移除一个或多个类,$(selector).removeClass(class)*/
        /*当再一次点击另外的标签的时候不再是class="tabin"的标签1了
        *因为下面又为当前点击的标签添加了tabin类
        */
        $(".tabin").removeClass("tabin");
        /*addClass() 方法向被选元素添加一个或多个类。*/
        $(this).addClass("tabin");

        $("#loadimg").ajaxStart(function(){
            alert("用户名不能为空");
             $(this).show();

        }).ajaxStop(function(){
            $(this).hide();
        });    

     if(index == 0){
     //装入静态完成页面
        $("#realContentin").load("tabLoad.html");

   }else if(index == 1){
     //装入动态部分页面
        $("#realContentin").load("/TestJquery/jsp/tabLoad.jsp h2");

   }else if(index==2){
     //装入远程数据(这里也是一个动态页面输出的数据)
     $("#realContentin").load("tabData.jsp");
   }

        });

    });




});

Answer 1

额，不是只要再发送ajax请求之前把你要显示的内容改成load。gif就可以了么、、