javascript - 各个元素的 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 （这是 ajaxelement 之一）是一个 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如果你会重复它！

这是一个小例子。