jquery 怎么让一个div的内容未加载完时显示加载中...

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 怎么让一个div的内容未加载完时显示加载中...相关的知识,希望对你有一定的参考价值。

比如div里是一个比较大的图片 加载比较慢

  加载时,直接设置该DIV的值(提示),然后数据加载完毕,再显示数据,部分加载也一样;
  利用innerhtml
  DIV设ID(例如A),默认文字(例如:正在加载...)
  等内容下载(例如JS文件)完后就自动替换为ID=A的内容;
  onload事件里面,if(document.readyState != "complete")判断页面是否加载完成,未完成给张图片显示(用隐藏域事先准备或innerHTML),else完成时就隐藏了。
  但是ff不支持,用ajax实现, if(xmlHttp.readyState == 4 || xmlHttp.readyState == \'complete\')else在此操作。
参考技术A div1放一个<span id="">加载中......</span> 还有你要加载的其他东西放到你的div2中;加载此div1时隐藏你的内容div2,显示<span> ;在div2中加一onload事件即加载完成执行 隐藏<span>显示你的div2 希望对你有帮助! 参考技术B 先显示加载中,在图片的onload事件中隐藏加载中,显示图片。

以上是关于jquery 怎么让一个div的内容未加载完时显示加载中...的主要内容,如果未能解决你的问题,请参考以下文章

选择单选按钮时显示 div

Divs All Visible at Page opening(尽管有 jquery,在单选按钮单击时显示 div)

我想用JS HTML CSS JQuery创建一个预加载屏幕(可选),没有后端

在每个页面加载时显示随机 DIV(对于fancybox modal)

display属性 鼠标悬停时显示隐藏内容,

如何在页面加载完成之前显示页面加载 div?