Диалоговое окно Jquery показывает содержимое в диалоговом окне, но скрывает от исходного html

Я использую функцию библиотеки jquery dialog(), чтобы показать весь html внутри div # main-content в диалоговом окне следующим образом:

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 открыто, html внутри #main-content перемещается в диалоговое окно, и весь html-контент внутри #main-content удаляется с исходной страницы. Как я могу сохранить весь html как раньше и показать его как копию в диалоговом окне?


dialog jquery
person Abdus Sattar Bhuiyan    schedule 30.04.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Клонируйте элемент и вместо этого используйте диалоговое окно.

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");
        }
    }
});
person Derek    schedule 30.04.2014