Jquery loader只適用於第一個請求

Question

我實際上正在嘗試爲我的應用程序提供'人體工程學觸摸'，所以我獲得了3個鏈接，可以獲取html內容並將其加載到div中。除了僅在第一次請求期間出現的加載器之外，所有工作都正常。

這裏是我的代碼

$(document).ready(function() { 

$('#loader') 
.hide() // hide it initially 
.ajaxStart(function() { 
    $(this).show(); 
}) 
.ajaxStop(function() { 
    $(this).hide(); 
}); 

var uri_segment = "<?=$this->uri->segment(3);?>"; 


$('#editTeam').click(function (e) { 

    e.preventDefault(); 
    $(this).parent().siblings().removeClass('active'); 

    $(this).parent('li').addClass('active'); 



    $.ajax({ 
     type : "GET", 
     async : true, 
     url : "<?=base_url().'ajax/team/get_editTeam/';?>"+uri_segment, 
     dataType : "html", 
     success : function(data){ 
       $('#divPage').html(data); 

     } 
    }); 

    return false; 
}); 

$('#editRights').click(function (e){ 
    e.preventDefault(); 

    $(this).parent().siblings().removeClass('active'); 


    $(this).parent('li').addClass('active'); 

    $.ajax({ 
     type : "GET", 
     async : false, 
     url : "<?=base_url().'ajax/team/get_editRights/';?>"+uri_segment, 
     dataType : "html", 
     success : function(data){ 
       $('#divPage').html(data); 
     } 
    }); 
    return false; 
}); 


$('#addMember').click(function (e){ 

    e.preventDefault(); 

    $(this).parent().siblings().removeClass('active'); 


    $(this).parent('li').addClass('active'); 



     $.ajax({ 
      type : "GET", 
      async : false, 
      url : "<?=base_url().'ajax/team/get_addMember/'.$this->uri->segment(3);?>", 
      dataType : "html", 
      success : function(data){ 
       $('#divPage').html(data); 

      } 
     }); 
     return false; 
}); 


}); 

Answer 1

請嘗試移動ajaxStart/ajaxStop到文檔。 Per the documentation, as of 1.8 you should only bind it to document.

$('#loader').hide(); 

$('document') 
    .ajaxStart(function() { 
    $('#loader').show(); 
    }) 
    .ajaxStop(function() { 
    $('#loader').hide(); 
    });