项目里有个页面内容很多,其实内容不是很多,只是获取数据时在数据库里要做很多运算,所以页面加载的很慢,我想放个转圈的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();
});
loadCalendar();
$("#loadgif").hide();
从这两句就能看出你用的是同步ajax获取数据,而同步会阻塞页面图片会卡住。
应该使用异步,在加载完成后才设置隐藏。
$(function () {
$("#loadgif").show();
//课程表渲染
loadCalendar();
//Loading图隐藏
$("#loadgif").hide();
});
刚试了下,还是不行,因为页面还处于数据加载阶段,就跟卡在那里一样。o(╯□╰)o ,不过还是感谢您的回答~
@迷果: 你的数据如果是异步的加载应该可以的
你同步了