加载函数上的jquery

Question

问题

当任何页面都是loading时，我想玩一个加载器，当加载complete page时，它会停止工作。有什么想法吗？

我是jquery或javascript的新手。

Answer 1

只需将一个DIV在您的页面上立即加载图形。将此脚本放置在页面的任何位置或外部脚本文件的顶部：

$('BODY').append('<div id="loading"><img src="images/loading.gif" /></div>');

很明显，你需要把它的样式定位到你想要的任何地方。我们是这样做的，而不仅仅是将其硬编码到页面内容中，这样任何禁用JavaScript的人都不会看到它。

然后附加到load事件，以隐藏页面完成后加载的DIV。将此脚本放在页面底部或$(document).ready()中。

$(window).load(function() {
    $('#loading').hide();
});

Answer 2

你需要监听负载上的事件

window.onload = function() {
 // do something
}

或在jquery中

$(window).load(function() {
      // do something
});

但是，使用jquery时，使用think更好：

$(document).ready(function() {
    // do something
});

Answer 3

您可以使用ajaxStart和ajaxStop方法。

演示：

http://www.balam.in/personal/triponetDemo/pre-loader.html

单击“查看源”查看CSS和javascript。以id作为加载的div，并将div样式设置为显示ajax旋转器。每当触发ajax方法时，它都会显示加载div，当ajax请求完成时，它会隐藏加载div。

请注意，您需要在所有要显示的页面中加载div。