jquery-mobile - jqueryモバイルでボタンクリックを使用して、ダイアログボックスのページに同じコンテンツを表示します

Question

ボタンをクリックするとページを表示できますが、画面を変更せずに同じ画面にダイアログボックスと同じ内容を表示する必要があります。ページに同じフィールドを持つダイアログボックスを表示する必要があります。フィドルのコードは次のとおりです。追加ボタンをクリックすると新しいページが開きますが、ダイアログボックスが必要です。

http://fiddle.jshell.net/ravi1989/nLJR7/

Answer 1

これを探していますか？

$.mobile.changePage($("#UserSettingScreen"), {
    transition: "slide",
    reverse: false,
    changeHash: false,
    role: 'dialog'          // you can use role: 'dialog' to open a dialog
});

これがjsFiddle のデモです。

アップデート

dialog('close')1）次のようにメソッドを呼び出すことにより、プログラムでダイアログを閉じることができます

$("#case_dialog_cancel").on("click", function(){
    $("#CaseInformationScreen").dialog('close');    
});

ここに更新されたjsFiddleがあります。

2) オーバーレイのテーマを設定できます。についてもっと読むoverlayTHeme。なんらかの理由でオーバーレイを完全に削除したり、透明にしたりしたい場合は、グーグルでハキーな方法を探してください。ここに1つのリンクがあります透明なjQueryモバイルダイアログ