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'); 
});