jquery - ダイアログ_jQuerymobile

Question

Ajax の結果に基づいてダイアログ ボックスを開きたい。.js ファイルからダイアログを作成/開く方法は?

誰でも私を助けてください。

前もって感謝します。

Answer 1

次のようなファイルにリンクするだけの場合：

<a href="foo.html" data-rel="dialog">Open dialog</a>

とにかくAJAXで行われ、JSのサポートが少ない人にはうまく機能しません。

あなたがやりたい方法：

コンテンツのラッピング div を作成し、data-role=dialog属性を指定してから呼び出す.dialog()か.page()、ダイアログが機能しない場合。更新：JQMbeta2では、.pageを使用する代わりに、何かでトリガーする必要がある「作成」イベントが導入されています

Answer 2

彼は、ダイアログリンクを作成してクリックイベントを発生させるのではなく、JSを使用してjQMダイアログを開きたいと考えていると思います。

その場合、 $.mobile.changePage('pageURL', {role: 'dialog'}); を使用することになっています。

Answer 3

この投稿がまだ適切かどうかはわかりませんが、私は次のようにしました。

function openDialog(strPageId, strTransition){
    $.mobile.changePage($("#"+strPageId+":jqmData(role='dialog')"), {transition : ""+strTransition+""});    
}

そして、ボタンまたはコード内のどこからでも呼び出すことができます...

<button data-theme="a" name="btnOS" id="btnOS" onClick="openDialog('pu-edit-mailorder','slideup')">Order</button>

Answer 4

.dialog()どういうわけか私にはうまくいきませんでした。使ってます：

$("<a href='#dialog-id' data-rel='dialog'></a>").click().remove();

あまり良くありませんが、機能します。