Kotak dialog Jquery menampilkan konten di kotak dialog tetapi disembunyikan dari html asli

Saya menggunakan fungsi perpustakaan jquery dialog() untuk menampilkan semua html di dalam #‎div konten utama ke dalam kotak dialog sebagai berikut:

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

Ini berfungsi dengan baik. Tetapi ketika kotak opup terbuka, html di dalam #konten utama disapu ke kotak dialog dan semua konten html di dalam #konten utama telah dihapus dari halaman aslinya. Bagaimana saya bisa menyimpan semua html seperti sebelumnya dan menampilkannya sebagai salinan di kotak dialog?


dialog jquery
person Abdus Sattar Bhuiyan    schedule 30.04.2014    source sumber

Jawaban (1)


arrow_upward
1
arrow_downward

Kloning elemennya dan gunakan dialognya

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