圖片中的例子里,那個(gè)圖片在我沒有點(diǎn)加載按鈕的時(shí)候不就顯示在屏幕上了嗎?如何才能點(diǎn)擊加載按鈕,然后再出現(xiàn)那個(gè)加載圖片呢???
--------
<!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>
------------
如何才能點(diǎn)擊加載按鈕,然后再出現(xiàn)那個(gè)加載圖片呢???
2016-05-11
代碼沒問題,例子沒有給出樣式表,你要把#divload的樣式設(shè)置不顯示,display:none
2016-05-04
沒有設(shè)置display:none吧
2016-04-28
這樣寫語法有錯(cuò)誤啊
2016-04-28
像你這樣寫的話,在加載頁面的時(shí)候就把圖片加載了。。。。