仅针对一些请求使用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); 
       });