javascript - 浏览器状态 - Javascript/JQuery

Question

我正在尝试找到一种方法来检测我的浏览器何时加载并显示加载图标。

此外，这是正确的方法还是有一个“标准”的做法来完成类似的事情？

编辑：此功能将在数据库事务/表构建期间用于我的一个站点。

Answer 1

我喜欢这个的JQuery loadmask插件。在页面加载时等待加载一些东西（比如通过 AJAX）的元素上应用掩码：

$('#containerid').mask("<img src='loadinganim.gif'/> Waiting...");

然后，当所有内容都加载完毕并且用户可以与元素交互时，移除掩码覆盖（通常在成功完成后的 AJAX 调用回调中）：

$('#containerid').unmask();

Answer 2

我对这个问题采取了稍微不同的方法，这就是我想出的。

页面准备就绪时重置我的加载图标的代码

$(document ).ready(function() {
  $('#test').hide();  
});

显示加载图标的功能

$('.loadState').click(function () {
   $('#test').show();
});

HTML 代码

<div id="test">
     <h3> <i class='icon-spinner icon-spin icon-large'></i> Compiling Requested Data </h3>
</div>

我正在调用显示功能，将其添加class='loadState'到我的提交按钮上。

编辑：清理了 js 和 jQuery 代码之间的混合。

Answer 3

尝试 onPage 加载事件侦听器。我对 js 有点陌生，所以我可能会有点偏离。