使用jquery添加页面加载器

luv*_*ode 3 jquery pageload page-loading-message

我需要一些帮助.我不知道从哪里开始.我需要在我的网站上添加一个页面加载器.我首先提交一个表单,然后使用SimpleXML用expedia调用外部xml表.加载需要一分钟,所以我想将图像加载器添加到此页面.但是我该怎么做呢?我看过谷歌,找不到任何有用的信息.

我需要它来显示加载器,直到COMPLETE页面加载完毕.

Ric*_*uza 14

这有很多解决方案,但一个简单的解决方案是:

1-用你的装载机东西创建一个叠加DIV并添加到BODY;
2-添加隐藏此DIV 的事件侦听器window.loaddocument.ready事件.

// On the first line inside BODY tag
<script type="text/javascript">
    jQuery("body").prepend('<div id="preloader">Loading...</div>');
    jQuery(document).ready(function() {
        jQuery("#preloader").remove();
    });
</script>
Run Code Online (Sandbox Code Playgroud)

(代码拼写错误)

  • +1您也可以将`preloader` div直接作为HTML放置。 (2认同)
  • **更正:** `document.ready` 在所有 HTML 都已细化加载但在内容之前触发,并且在内容加载完成后触发 `window.load` (2认同)