jquery-mobile - JQuery - 使用 navigator.notification.alert

Question

我需要一个带有自定义标题的弹出窗口(让它从 index.html 出现在应用程序上看起来很俗气)。

我尝试了以下链接末尾的建议:

Custom JavaScript alerts in iOS using PhoneGap HTML

所以我将下面的代码添加到脚本部分的 index.html 中:

   function showMessage(message, callback, title, buttonName){

        title = title || "default title";
        buttonName = buttonName || 'OK';

        if(navigator.notification && navigator.notification.alert){

            navigator.notification.alert(
                message,    // message
                callback,   // callback
                title,      // title
                buttonName  // buttonName
            );

        }else{

            alert(message);
            callback();
        }

    }

更新

我有以下警报代码；

if ((inputNumber>maxAllowed))
        {
        showMessage("The input is too high.",null,"Warning","Warning");
        }

编译应用后，这不起作用。

index.html 中的内容如下:

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

            function onDeviceReady() {
            // Now safe to use the PhoneGap API
            }

<function shown above is here>

知道为什么这仍然不起作用吗？从 index.html 显示

谢谢。

亲切的问候，

加里·舍吉尔

Answer 1

此错误告诉您函数 navigator.notification 不存在。

通常这是因为:

1. Phonegap/Cordova 未在 HEAD 中初始化

2. 函数未在设备就绪事件中初始化。在 cordova.js 完全初始化之前，基本上不能调用函数。

   document.addEventListener("deviceready", onDeviceReady, false);
   
   function onDeviceReady() {
       // Now safe to use the PhoneGap API
   }