jQuery Mobileでエラーを表示する標準的な方法は何ですか

Question

私はAJAX経由で送信されるPOSTフォームのシンプルなサインを作成しました（デフォルト設定、何も変更しませんでした）。ユーザーが間違ったデータを送信すると、以下のページがロードされます。

<div data-role="page" id="main_mobile_page"> 

    <div data-role="header" data-id="fixed_header" data-position="fixed"> 
     ... 
    </div> 

    <div data-role="content"> 
     ...display:none DIV with the text of error... 
     ...sign in form... 
    </div> 

    <div data-role="footer" data-id="fixed_footer" data-position="fixed"> 
     ... 
    </div> 

</div> 

が標準とエラーとポップアップを表示する最も簡単な方法は何ですか。私はネイティブのjQuery Mobileダイアログ（エラーテキストを持った別の "ページ"を生成してそれに移行しました）やSimpleDialogのようなプラグインを含むいくつかの実装を試みました。実装はすべての問題を持って、通常の問題は次のとおりである：あなたは（うまく動作しない、すなわちデータのrel =「バック」）ダイアログで「OK」ボタンをクリックすると、ランダム

• 何かが起こります。フォームはPOST経由で提出された可能性があります。

• jQuery MobileがAJAX経由でページを読み込むと、古いものをパージするのではなく、複数のid = "main_mobile_page"ページを持つHTMLを持つことになり、誤ってボックスを正しく見つけることができません。

のjQuery Mobileは、オーバー複雑なことをして別のページのロードとしてそれを処理せずに、単にエラーを表示するJSのアラートのいくつかの同等の（）を持っていますか？そうでない場合、そのような「エラー」ポップアップを実装する標準的な方法は何ですか？最終的に私はPhoneGapでこれをコンパイルしたいと思います。私はこの "alert-s"をピックアップして特定の電話機モデルのネイティブ "エラーポップアップ"に変換することを望んでいます。

Answer 1

なぜphonegap通知を使用しませんか？

navigator.notification.alert(
    'Please try again', // BODY COPY 
    alertConfirm, // CALL BACK FUNCTION 
    'Oops something went wrong!', // TITLE 
    'OK' // BUTTON TEXT 
); 

または

navigator.notification.confirm(
    'Please try again', // BODY COPY 
    alertConfirm, // CALL BACK FUNCTION 
    'Oops something went wrong!', // TITLE 
    'LAME, TRY AGAIN' // BUTTON TEXT 
); 

あなたはコールバックとして動作する機能を持っている必要があります - あなたが確認を行う場合は、クリックされたものを、ボタンを確認しかつそれに基づいてアクションを実行することができます。

function alertConfirm(b){ 
    if(b == 1){ 
    // BUTTON 1 WAS CLICKED 
    } 
    else { 
    // BUTTON 2 WAS CLICKED 
    } 
}