图片中的例子里,那个图片在我没有点加载按钮的时候不就显示在屏幕上了吗?如何才能点击加载按钮,然后再出现那个加载图片呢???
--------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用ajaxStart()和ajaxStop()方法</title>
<script src="jquery-1.8.2.js" type="text/javascript"></script>
<link href="style1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">加载一段文字</span>
<span class="fr"><input id="btnShow" type="button" value="加载" /></span>
</div>
<ul><li id="divload"><img src="loading1.gif" alt="" /></li></ul>
</div>
<script type="text/javascript">
$(function(){
$("#divload").ajaxStart(function(){
$(this).show();
});
$("#divload").ajaxStop(function(){
$(this).hide();
});
$("#btnShow").bind("click",function(){
var $this=$(this);
$.ajax({
url:"getphp.php",
dataType:"json",
success: function(data){
$this.attr("disabled","true");
$("ul").append("<li>我的名字叫:"+data.name+"</li>");
$("ul").append("<li>常常有人对我说:"+data.say+"</li>");
}
});
});
});
</script>
</body>
</html>
------------
如何才能点击加载按钮,然后再出现那个加载图片呢???