2012-03-03 65 views
-2

我必須在按鈕點擊功能中顯示進度圖片。這裏是我的jQuery代碼段:Android - 顯示按鈕點擊進度對話框

$(function() { 
    $('#loginButton').click(function() { 
     db = openDatabase("DBNAME", "1.0", "DBNAME", 200000); 

      createAndroidMetadataTable(); 
      insertAndroidMetadataTable(); 
     function reachableCallback(reachability) { 
      // There is no consistency on the format of reachability 
      var networkState = reachability.code || reachability; 

      var states = {}; 
      states[NetworkStatus.NOT_REACHABLE]      = 'No network connection'; 
      states[NetworkStatus.REACHABLE_VIA_CARRIER_DATA_NETWORK] = 'Carrier data connection'; 
      states[NetworkStatus.REACHABLE_VIA_WIFI_NETWORK]   = 'WiFi connection'; 

      alert('Connection type: ' + states[networkState]); 
     } 

    }); 

    document.addEventListener("deviceready", onDeviceReady, false); 

}); 

,這裏是我的HTML代碼:

<div data-role="header" data-position="fixed"> 
<h1>Download Data</h1> 
<div class="ui-body ui-body-b"> 
     Email: <input type="text" name="userid" id="useridBox" value="" data-theme="a" /> 
    Password: <input type="password" name="passwd" id="passwdBox" value="" data-theme="a" /> 
    <button type="submit" data-theme="a" id="loginButton">Login</button> 

</div> 

在上面的HTML div標籤我有顯示進展圖像,同時在用戶登錄,請幫助我。與登錄按鈕功能中的代碼。

回答

2

你可以嘗試一些掩碼插件或爲它編寫cutom代碼最簡單的方法就是屏蔽像插件UI那樣的插件。以下是樣本

Jquery BlockUI Sample on click