用javascript设置模式对话框

setting up a modal dialog in javascript

本文关键字：对话框 模式 设置 javascript      更新时间：2023-09-26

我正在使用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，这样我就可以访问它。如果有任何帮助，我将不胜感激。感谢

您需要像这样调用弹出窗口

$("#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
    });
})
相关文章：