浏览:5522008-01-07 20:41   来自菜菜灰      :
$('#stats').load('stats.html');
load方法加载的时显示一个div,加载完了隐藏这个div。
这个过程怎么写?
楼主
  8个月前   心有灵犀      :
$("#loading").ajaxStart(function(){
$(this).show();
});
$("#loading").ajaxStop(function(){
$(this).hide();
});
1楼 回到顶楼 
  8个月前   菜菜灰      :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
#loading {display:none;}
</style>
<script type="text/javascript" src="jquery-1[1][1].2.1.min.js"></script>
<script type="text/javascript">
$(function()
{
$("#loading").ajaxSend(function(request, settings){
$(this).show();
});
$("#results").load("test.html");
$("#loading").ajaxStop(function(){
$(this).hide();
});
})

</script>
</head>

<body>
<div id="loading"><img src="loading.gif" />loading...</div>
<div id="results" style="border:2px solid #ccc;width:10px;height:10px;"></div>
</body>
</html>


是这样写不?
2楼 回到顶楼 
  8个月前   心有灵犀      :
恩,应该能实现你要的效果
3楼 回到顶楼 
  8个月前   菜菜灰      :
是的,已经实现了想要的效果,但是为什么loading.gif在ajax请求的时候不动了(注:loading.gif是个gif动画,在没有请求ajax的时候是动的)
4楼 回到顶楼 
  8个月前   Wilensky      :
图片动或不动应该和这个没关系的,看看是不是你的浏览器禁止了动画
5楼 回到顶楼 
  8个月前   菜菜灰      :
问题解决了,是测试文件的问题,不是浏览器的问题。
6楼 回到顶楼 

注册用户登录后才能回复,登录注册
> 返回“jQuery”


其他话题

相关链接
1 24686