在 javascript 中设置模态对话框

Question

我正在使用 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 以便我可以访问它。任何帮助将不胜感激。谢谢

Answer 1

你需要像这样调用你的弹出窗口

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

在 javascript 中设置模态对话框

setting up a modal dialog in javascript

javascript

jquery

modal-dialog