等待结果时使用动画 .gif .load()

Question

我正在使用 jquery .load() 方法在 div 中加载搜索结果，如下所示（简化版本）

$('#resultscontainer').load("results.php", {data: data});

最终结果将需要发送更多数据，并且可能需要等待时间才能将结果加载到 div 中。在处理数据时，是否可以在 div“resultscontainer”中显示动画 gif（如旋转图标）？

Answer 1

Sup lvinzlife

yea of​​c 在 jquery 中为此有特殊事件 :D

$("#loading").ajaxStart(function(){
  $(this).show();
});

$("#loading").ajaxStop(function(){
  $(this).hide();
});

其中 #loading 是你的 gif 例如： http://www .ajaxload.info/