/ / javascriptでのモーダルダイアログの設定-javascript、jquery、modal-dialog

javascriptでモーダルダイアログを設定する - javascript、jquery、モーダルダイアログ

を使ってフォームを作成しています javascript これは実際にはモーダルダイアログです。 私は「添付する方法を理解するのに問題があります id 設定しようとするとタグが付けられます。 これが私がjsで行を作成する方法です

tmpString += "<div id="dialog-modal" class="widget-dialog-container" title="Complete Your Order">";
...
...
var handle = document.getElementById("content");
handle.innerHTML = tmpString;

今、私はこの方法でそれにアクセスしようとしています

$(document).dialog( {
height: 800,
width: 800,
modal: true,
autoOpen: false
});

私は持っている必要があることを知っています $(document) ダイアログがコードで作成されているためです。しかし、私はそれを与える方法がわからない #dialog-modal だから私はそれにアクセスできます。どんな助けも大歓迎です。ありがとう

回答:

回答№1の場合は3

このようにポップアップを呼び出す必要があります

$("#dialog-modal").dialog( {
height: 800,
width: 800,
modal: true,
autoOpen: false
});

いつでも使用

 $("#dialog-modal").dialog("open");

それを開く。

動的なHTMLポップアップの追加

$(document).ready(function () {
var tmpString =  "<div id="dialog-modal" class="widget-dialog-container" title="Complete Your Order">";
var handle = document.getElementById("content");
handle.innerHTML = tmpString;

$("#dialog-modal").dialog({
height: 800,
width: 800,
modal: true,
autoOpen: false
});
})