jquery - JQuery + PhoneGap - カスタム通知アラート

Question

アプリでカスタム通知が機能しない理由を突き止めようと、しばらく時間を費やしてきました。

以下は私の.jsのコードです：

if (inputOne > maxAllowed)
{
     showMessage("Your Input is too high.",null,"Warning","Warning");
}

以下は私の.htmlのコードです：

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

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

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

    title = title || "Warning!";
    buttonName = buttonName || 'Warning!';

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

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

     } else {
          alert(message);
     }

私の PhoneGap の config.xml には次のものがあります。

以下は、これを取得するために使用していたリンクです。

http://docs.phonegap.com/en/2.9.0/cordova_notification_notification.md.html#通知

何が起こるかというと、else部品を使用するだけで正常に動作します。

.html は以下のリンクからのものです。

PhoneGap HTML を使用した iOS のカスタム JavaScript アラート

アイデアはありますか？

ありがとう、助けていただければ幸いです。

敬具、

ゲイリー・シャーギル