0

phonegap アプリの読み込み時にデータ フィードを読み込もうとしています。それは正常に動作しますが、データ接続がない場合、システムにこれを感知させて、「データ接続がありません」などの素敵なメッセージを表示させたいと考えています。ページがすべて読み込まれたら、ボタンをクリックして、接続状態を通知する関数を実行できます。ただし、ページの読み込み時にこのコードが自動的に実行されないだけで、その理由がわかりません。これを iOS または Android でテストすると、同じ問題が発生します。基本的なことだけを取り除いたので、誰かが問題を発見できないことを願っています。

<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/main.css" />   
    <script type="text/javascript" charset="utf-8" src="js/jquery-1.7.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/main.js"></script>
    <script src="js/jquery.jsonp-2.1.4.min.js"></script>    
<script>
function checkConnection() {
    var networkState = navigator.network.connection.type;
    var states = {};
    states[Connection.UNKNOWN]  = 'Unknown connection';
    states[Connection.ETHERNET] = 'Ethernet connection';
    states[Connection.WIFI]     = 'WiFi connection';
    states[Connection.CELL_2G]  = 'Cell 2G connection';
    states[Connection.CELL_3G]  = 'Cell 3G connection';
    states[Connection.CELL_4G]  = 'Cell 4G connection';
    states[Connection.NONE]     = 'No network connection';
    alert('Connection type: ' + states[networkState]);
    if(states[networkState] == 'No network connection') { show_no_connection(); }
}

$(document).ready(function(){
    checkConnection();
});

function show_no_connection() {
        $('#status').html('You Have No Data Connection!');  
}   


</script>       

</head>
<body>

 <div id="status">SO FAR, YOU HAVE A CONNECTION.</div>
     <a href='javascript:void(0);' onclick='checkConnection();'>Check your connection</a><br/><br/> 
    <script type="text/javascript" src="cordova-2.2.0.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>       
</body>

4

1 に答える 1

1

従来のjQuery構文$(document).ready(function(){は で使用しないでください。コードjQuery Mobileの初期化に使用できないことは言うまでもなく、正しく動作しません。Phonegapこのトピックの詳細については、このARTICLEを参照してください。または、こちらをご覧ください。

これは、この問題を解決するために使用する必要があります。

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

// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
function onDeviceReady() {
    checkConnection();
}

function checkConnection() {
    var networkState = navigator.network.connection.type;
    var states = {};
    states[Connection.UNKNOWN]  = 'Unknown connection';
    states[Connection.ETHERNET] = 'Ethernet connection';
    states[Connection.WIFI]     = 'WiFi connection';
    states[Connection.CELL_2G]  = 'Cell 2G connection';
    states[Connection.CELL_3G]  = 'Cell 3G connection';
    states[Connection.CELL_4G]  = 'Cell 4G connection';
    states[Connection.NONE]     = 'No network connection';
    alert('Connection type: ' + states[networkState]);
    if(states[networkState] == 'No network connection') { show_no_connection();
}

function show_no_connection() {
    $('#status').html('You Have No Data Connection!');  
}

Phonegapコードはフレームワークの初期化を待つ必要があり、次のように行われます。

document.addEventListener("deviceready", onDeviceReady, false);
于 2013-02-04T07:04:23.500 に答える