Javascript 停止打开多个对话框窗口

我试图对我的网页的partialview进行ajax调用，然后从中提取标题和数据，然后将其放入对话框窗口。但是，当我创建对话框时，它会正确地打开一次，并作为一个空对话框再打开6次-只是标题栏

在chrome中，我可以看到partialView包含HtmlDivelment和7个HtmlScript元素，因此可以解释多次打开-但是如果我仅为该div元素打开对话框，它将不会加载脚本（因此查找和选项卡不起作用）

---

任何帮助都将不胜感激。我的头撞在墙上已经有一段时间了。谢谢。

正如您所理解的，这是正常的，因为jQuery集合中有7个元素可以打开对话框

您应该将脚本元素单独添加到页面中，例如

$('body').append(scriptElementHTML);

然后仅在div上打开对话框：

$(divHtml).dialog({

---

正如您所理解的，这是正常的，因为jQuery集合中有7个元素可以打开对话框

您应该将脚本元素单独添加到页面中，例如

$('body').append(scriptElementHTML);

然后仅在div上打开对话框：

$(divHtml).dialog({

---

不确定jQueryUI是否有关闭所有对话框的方法，但我们可以这样做

function createDailog () {
    $(".ui-dialog-content").dialog("close");  // close all dialogs

    $("<div>fdfdsfdsfdsfds<div>").dialog({
        title: "title",
        modal: true,
        resizable: true,
        draggable: true,
        height: 200,
        width: 200
    });
}

if(!$(".ui-dialog-content:visible").length){
    // show dialog
}

---

不确定jQueryUI是否有关闭所有对话框的方法，但我们可以这样做

function createDailog () {
    $(".ui-dialog-content").dialog("close");  // close all dialogs

    $("<div>fdfdsfdsfdsfds<div>").dialog({
        title: "title",
        modal: true,
        resizable: true,
        draggable: true,
        height: 200,
        width: 200
    });
}

if(!$(".ui-dialog-content:visible").length){
    // show dialog
}

---

是的，这起作用了。加载后，我将脚本附加到对话框中（谢谢！）：$（partialViewWindow）.dialog（{title:title，modal:true，resizeable:true，draggable:true，height:sheigh，width}）；是的，这起作用了。加载后，我将脚本附加到对话框中（谢谢！）：$（partialViewWindow）.dialog（{title:title，modal:true，resizeable:true，draggable:true，height:sheigh，width}）；