jQtouch和jquery加载覆盖

Question

我使用jQtouch创建了一个移动应用程序。我需要让用户在按下表单按钮后知道何时加载ajax调用。所以我想加载一个掩码和一个简单的加载gif。

我可以让它在桌面版本的应用程序上工作没有问题，但在移动设备上使用jQtouch框架我不行。我试过jquery-loadmask和jquery.loading插件。

任何人都有jQtouch的任何经验，并创建一个加载通知？

Answer 1

不幸的是，网站不会让我深层链接到相关的部分，但你会发现一个大约一半解下来这个页面（只是CNTR + F，搜索“进度指示器”）：

http://building-iphone-apps.labs.oreilly.com/ch03.html#ch03_id35817310

这不是特定于jQTouch，但您应该能够使用jQTouch的init选项将其加载并预加载加载图形。

希望有所帮助。

Answer 2

你可以使用jQuery blockUI插件（http://jquery.malsup.com/block/）。我已经在项目中成功地使用了它，并且它非常易于集成。它适用于iPhone和Android。

Answer 3

这适用于使用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'); 
});