各个元素的 Ajax 加载器

Question

实际上我试图在我的应用程序中放置一个 ajax 加载程序。我试过这个

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

这工作正常。但问题是，每当我单击启动 ajax 请求的元素时，ajax 加载器（gif 图像）就会显示在一个地方。但我不希望加载器应该分别显示在每个元素附近，这些元素仅在该元素附近被点击。

所以我尝试了这个，

$('.follow_count').live('click', function(){
  $(document).ajaxStart(function(){ 
   $('#ajaxBusy').show(); 
   }).ajaxStop(function(){ 
   $('#ajaxBusy').hide();
  });
});

其中 .follow_count（这是 ajax 元素之一）是一个 div 元素。在这里，我希望当单击 .follow_count 元素时，应该在该元素附近显示 ajax 加载器。

谁能帮我解决这个问题..

Answer 1

也许如果你从 id 更改为 class 它会起作用：

$('.follow_count').live('click', function(){
  $(this).ajaxStart(function(){ 
   $(this).find('.ajaxbusy').show(); 
   }).ajaxStop(function(){ 
   $(this).find('.ajaxbusy').show(); 
  });
});

ajaxBusy 必须是一个类而不是id，如果你要重复的话！

Here 是一个小例子。