僅針對一些請求使用ajaxStart和ajaxStop jquery方法

Question

我使用AjaxStart和AjaxStop jQuery方法來顯示並隱藏加載消息，當請求通過Ajax發送時。像下面的代碼：

   $('<div><img src="images/searching.gif" align="absmiddle" border="0" />Please Wait ...</div>') 
      .attr('id','loading') 
      .appendTo('body') 
       .ajaxStart(function() { 
        $(this).animate({ 
         top  : '40px', 
         opacity : 1.0 
        }, 500); 
       }) 
       .ajaxStop(function(){ 
        $(this).animate({ 
         top  : '-75px', 
         opacity : 0.1 
        }, 500); 
       }); 

但我不希望這個加載顯示的所有請求，只顯示一些具體的請求。 你有任何問題的解決方案？

Answer 1

分開的代碼行創建您的裝載機圖片並結合AJAX事件

需要ajaxStop/ajaxStart事件和那些不圖像之間

分化。使用CSS類來區分圖像。

爲AJAX事件創建裝載機圖片：

阿賈克斯：

$('<div><img src="images/searching.gif" align="absmiddle" border="0" />Please Wait ...</div>').attr('id','loading').attr('css','ajax-img').appendTo('body') 

它不要求AJAX：

$('<div><img src="images/searching.gif" align="absmiddle" border="0" />Please Wait ...</div>').attr('id','loading').appendTo('body') 

綁定您的ajaxStop和ajaxStart事件的圖像具有「AJAX -img'類

$('img.ajax-img').ajaxStart(function() { 
        $(this).animate({ 
         top  : '40px', 
         opacity : 1.0 
        }, 500); 
       }) 
       .ajaxStop(function(){ 
        $(this).animate({ 
         top  : '-75px', 
         opacity : 0.1 
        }, 500); 
       });