在javascript中设置模式对话框

我正在使用

javascript

创建一个表单，它实际上是一个模式对话框。 在尝试设置

id

标记时，我很难确定如何附加该标记。 这就是我在js中创建行的方式

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
});

随时使用

 $("#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
    });
})

$（文档）.ready（函数（）{
var tmpString=“”；
var handle=document.getElementById（'content'）；
handle.innerHTML=tmpString；
$（“#对话框模式”）.dialog({
身高：800，
宽度：800，
莫代尔：是的，
自动打开：错误
});
})

谢谢，但这不起作用，我猜这是因为没有，你也可以动态附加Html并使用弹出窗口。但是您需要确认在附加html之后使用弹出绑定。您首先必须附加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
    });
})