Question

我想知道是否有办法将loading.gif图像添加到通过链接的所有页面。。我已经在StackOverFlow上阅读了几个小时，但我还没有发现任何有效的东西。我想使用它来显示加载图像并禁用按钮，直到页面加载，然后显示页面。

因此，在文档打开时显示加载图像，然后在加载文档后删除加载图像。

我会粘贴一些代码，但我尝试过的所有代码都无效。有人可以引导我朝着正确的方向前进，或者如果有一个简单的代码片段，我会非常感激。

Answer 1

这适用于使用Zepto的jQTouch（尚未使用jQuery进行测试）。

HTML：

<div id="jqt">
    ...
    <div id="loading"></div>
</div>

CSS：

div#jqt #loading {
  background: rgba(0,0,0,0.5) url('../images/scanner/loading.gif') 50% 50% no-repeat;
  z-index: 999;
  position: fixed;
}

JS：

$(document).on('ajaxStart', function(){
    $('#loading').addClass('current');
});

$(document).on('ajaxStop', function(){
    $('#loading').removeClass('current');
});

添加JQTouch加载图像onClick

1 个答案: