为了账号安全,请及时绑定邮箱和手机立即绑定

图片中的例子里,那个图片在我没有点加载按钮的时候不就显示在屏幕上了吗?如何才能点击加载按钮,然后再出现那个加载图片呢???

http://img1.sycdn.imooc.com//5720c6ff00013d4103070239.jpg

--------

<!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>

------------

如何才能点击加载按钮,然后再出现那个加载图片呢???


正在回答

4 回答

代码没问题,例子没有给出样式表,你要把#divload的样式设置不显示,display:none

0 回复 有任何疑惑可以回复我~

没有设置display:none吧

0 回复 有任何疑惑可以回复我~

这样写语法有错误啊

0 回复 有任何疑惑可以回复我~
在$("ul").append("<li>常常有人对我说:"+data.say+"</li>");这行后面加$("ul").append("<img  src="loading1.gif" alt="" />");

像你这样写的话,在加载页面的时候就把图片加载了。。。。


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

图片中的例子里,那个图片在我没有点加载按钮的时候不就显示在屏幕上了吗?如何才能点击加载按钮,然后再出现那个加载图片呢???

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信