モーダルを持つjQuery-mobile changePage

Question

私はchangePageを使用したいが、全画面の代わりにモーダルウィンドウを使用したい。

私は自分のモーダルボックスを作成しますが、jQMはデータロール=ページではないため、おそらくスタイルを設定しません。

プラグインを追加しないと解決策はありますか？

ありがとうございました。

Answer 1

リンクを使用するだけでなく、changePageを主張する理由は何ですか？そこに同様のSOの質問があります（申し訳ありませんリンクはありません）。これを実現するには、changePageメソッドを使用してロールをダイアログに設定します。呼び出し元のページをバックグラウンドで引き続き表示したい場合は、pageLoadイベントが発生したときに3つのことを行う必要があります。 1）はchangePageイベントで自動的に非表示になる前のページ（呼び出しページ）を示しています。 2）他のすべてのdivに不透明度または何かを設定してモーダル効果を与えます。 3）ダイアログオーバーレイを透明に設定して、前のページを見ることができます。 3番目の方法を達成する最も簡単な方法は、オーバーレイテーマのアスペクトを（jqm 1.0として）使用して、スタイルシートで透明に設定することです。

Answer 2

ターゲットページのデータロールをdialogに変更し、メソッドchangePageをオプション{role: 'dialog'}で呼び出すとします。

jsfiddleで確認してください。