首页 新闻 会员 周边

gif格式的Loading图在页面还在加载的时候不转。

0
悬赏园豆:10 [已解决问题] 解决于 2012-12-27 10:46

项目里有个页面内容很多,其实内容不是很多,只是获取数据时在数据库里要做很多运算,所以页面加载的很慢,我想放个转圈的Loading图在那里让用户稍等下,问题出现了,Loading图不转,这个图放在一个单纯的html里就没有问题。在线等高手做解答

@*Loading图片*@
<div id="loadgif" style="width:66px;height:66px;position:absolute;top:50%;left:50%;">
  <img src="~/Content/images/loading.gif" />
</div>

 

$(function () {
  //课程表渲染
  loadCalendar();

  //Loading图隐藏
  $("#loadgif").hide();
});

卡卡-西的主页 卡卡-西 | 初学一级 | 园豆:182
提问于:2012-12-14 10:56
< >
分享
最佳答案
0

loadCalendar();

$("#loadgif").hide();

从这两句就能看出你用的是同步ajax获取数据,而同步会阻塞页面图片会卡住。

应该使用异步,在加载完成后才设置隐藏。

收获园豆:10
向往-SONG | 老鸟四级 |园豆:4853 | 2012-12-14 12:29
其他回答(2)
0

$(function () {

  $("#loadgif").show();
  //课程表渲染
  loadCalendar();

  //Loading图隐藏
  $("#loadgif").hide();
});

 

 
chenping2008 | 园豆:9836 (大侠五级) | 2012-12-14 11:19

刚试了下,还是不行,因为页面还处于数据加载阶段,就跟卡在那里一样。o(╯□╰)o  ,不过还是感谢您的回答~

支持(0) 反对(0) 卡卡-西 | 园豆:182 (初学一级) | 2012-12-14 11:31

@迷果: 你的数据如果是异步的加载应该可以的

支持(0) 反对(0) chenping2008 | 园豆:9836 (大侠五级) | 2012-12-14 13:12
0

你同步了

56180825 | 园豆:1756 (小虾三级) | 2012-12-14 12:18
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册