Диалоговое окно Jquery отображает содержимое в диалоговом окне, но скрывается от исходного HTML

Question

Диалоговое окно Jquery отображает содержимое в диалоговом окне, но скрывается от исходного HTML

0

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

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 по-прежнему и показать его как копию в диалоговом окне?

Abdus Sattar Bhuiyan 30 апр. 2014, в 08:22

Источник

Теги:

jquery

dialog

1 ответ

Ещё вопросы

Derek · Accepted Answer · 2014-04-30T03-06-00.000Z

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

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