Javascript 添加JQTouch加载图像onClick

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

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

---

我本来会粘贴一些代码，但我尝试的所有代码都不起作用。如果有人能把我引向正确的方向，或者有一个简单的代码片段，我将不胜感激

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

HTML:

JS:

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

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

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

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