我想知道是否有办法将loading.gif图像添加到通过链接的所有页面。 。我已经在StackOverFlow上阅读了几个小时,但我还没有发现任何有效的东西。我想使用它来显示加载图像并禁用按钮,直到页面加载,然后显示页面。
因此,在文档打开时显示加载图像,然后在加载文档后删除加载图像。
我会粘贴一些代码,但我尝试过的所有代码都无效。有人可以引导我朝着正确的方向前进,或者如果有一个简单的代码片段,我会非常感激。
答案 0 :(得分:0)
这适用于使用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');
});