Question

我正在使用dialog（）jquery库函数将#main-content div中的所有html显示到一个对话框中，如下所示：

var preview = $("#main-content").dialog({
    modal: true,
    width: 1024,
    height: 600,
    overlay: {
        backgroundColor: "#000000",
        opacity: 0.5
    },
    buttons: {
        Ok: function () {
            $(this).dialog("close");
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

工作正常。但是当opup框打开时，＃main-content中的html被扫描到对话框中，＃main-content中的所有html内容都已从原始页面中删除。如何像以前一样保留所有html并在对话框中将其显示为副本？

Answer 1

克隆元素并使用对话框

var clone = $("#main-content").clone(true);
var preview = clone.dialog({
    modal: true,
    width: 1024,
    height: 600,
    overlay: {
        backgroundColor: "#000000",
        opacity: 0.5
    },
    buttons: {
        Ok: function () {
            $(this).dialog("close");
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

Jquery对话框在对话框中显示内容但隐藏原始html

1 个答案: