jquery - 使用 jQuery 添加页面加载器

Question

我需要一点帮助。我不知道从哪里开始。我需要向我的网站添加页面加载器。我首先提交一个表单，然后使用 SimpleXML 通过 expedia 调用外部 XML 表...加载需要一分钟，所以我想将图像加载器添加到此页面。但我该如何去做呢？我在 Google 上查找过，但找不到任何有用的信息。

我需要它来显示加载器，直到加载完整页面。

Answer 1

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

1- 使用您的加载程序创建一个覆盖 DIV 并添加到 BODY 之前；
2- 为隐藏此 DIV 的 window.load 或 document.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>

(已修复代码拼写错误)