Оповещение не работает в HTML в PhoneGap

Я пытаюсь этот код, в котором должно отображаться предупреждение, как только приложение успешно загружено в iphone. Но это не работает. Это приложение PhoneGap, и это приложение index.html.

<!DOCTYPE html>
<html>
    <head>
        <title>navigator.network.connection.type Example</title>

        <script type="text/javascript" charset="utf-8" src="js/phonegap-1.3.0.js"></script>
        <script type="text/javascript" charset="utf-8">

            // Wait for PhoneGap to load
            // 
            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]);
                //navigator.notification.alert('Connection type: ' + states[networkState]);
            }

            </script>
    </head>
    <body >
        <p>A dialog box will report the network state.</p>
          <a href="javascript:checkConnection()">Click</a>
    </body>
</html>
Источник

3 ответа

Решение
navigator.notification.alert(
            'You are the winner!',  // message
            alertDismissed,         // callback
            'Game Over',            // title
            'Done'                  // buttonName
        );
Источник

Правильно ли вы настроили приложение PhoneGap? Я заметил, что вы пропустили <body onload="init();" >

Приведенный ниже код должен работать, я просто набрал его для вас, но не скомпилировал:-P

<!DOCTYPE HTML>
<html>
<head>
<title>navigator.network.connection.type Example</title>

        <script type="text/javascript" charset="utf-8" src="js/phonegap-1.3.0.js"></script>
<script type="text/javascript">


            function init() {
              document.addEventListener("deviceready", onDeviceReady, false);
            }

            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]);
                //navigator.notification.alert('Connection type: ' + states[networkState]);
            }

</script>
</head>
<body onload="init();>
    <h1>Check connection</h1>
    <p>A dialog box will report the network state.</p>
          <a href="javascript:checkConnection()">Click</a>
    </body>
</html>
Источник

Этот код работает на моем симуляторе, я только что изменил js/phonegap-1.3.0.js в phonegap-1.2.0.js согласно моей версии и пути Сорсурса. Так что проверьте версию вашего телефонного отрыва, а также проверьте его путь. Мой файл JS находится в www папка где index.html размещен.

Источник
Другие вопросы по тегам