モーダルを持つjQuery-mobile changePage

私はちょうどchangePageを使用したいが、フルスクリーンのページの代わりにモーダルウィンドウを持っている。

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

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

ありがとう。

0
ダイアログは機能しますか?
追加された 著者 Phill Pafford,
私がそれを微調整することができれば(もちろん、自動生成されたボタンもすべて隠すことができます)、もちろんです。
追加された 著者 Alysko,

2 答え

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

0
追加された
最後に、私は独自のモーダルを作りました。jQueryモバイルは柔軟性がありません。
追加された 著者 Alysko,

おそらく、ターゲットページのデータロールをダイアログとして変更し、メソッド changePage をオプション {role: 'dialog'} で呼び出すことをお勧めします。

jsfiddle で確認してください。

0
追加された