jquery-ui-dialog - Cara menghubungkan ke acara tutup dialog

Saya menggunakan jquery-ui-dialogplugin

Saya mencari cara untuk menyegarkan halaman ketika dalam beberapa keadaan ketika dialog ditutup.

Apakah ada cara untuk menangkap acara dekat dari dialog?

Saya tahu saya dapat menjalankan kode ketika tombol tutup diklik tetapi itu tidak mencakup penutupan pengguna dengan melarikan diri atau x di sudut kanan atas.

Saya telah menemukannya!

Anda dapat menangkap acara tutup menggunakan kode berikut:

 $('div#popup_content').on('dialogclose', function(event) {
     alert('closed');
 });

Jelas saya bisa mengganti peringatan dengan apa pun yang perlu saya lakukan.
Sunting: Pada Jquery 1.7, bind () telah menjadi on ()

Saya percaya Anda juga dapat melakukannya saat membuat dialog (disalin dari proyek yang saya lakukan):

dialog = $('#dialog').dialog({
    modal: true,
    autoOpen: false,
    width: 700,
    height: 500,
    minWidth: 700,
    minHeight: 500,
    position: ["center", 200],
    close: CloseFunction,
    overlay: {
        opacity: 0.5,
        background: "black"
    }
});

Catatan close: CloseFunction

$("#dialog").dialog({
    autoOpen: false,
    resizable: false,
    width: 400,
    height: 140,
    modal: true, 
    buttons: {
        "SUBMIT": function() { 
        $("form").submit();
    }, 
        "CANCEL": function() { 
        $(this).dialog("close");
    } 
    },
    close: function() {
      alert('close');
    }
});

$( "#dialogueForm" ).dialog({
              autoOpen: false,
              height: "auto",
              width: "auto",
              modal: true,
                my: "center",
                at: "center",
                of: window,
              close : function(){
                  // functionality goes here
              }  
              });

Properti "tutup" dialog memberikan acara tutup untuk hal yang sama.

Anda juga dapat mencoba ini

$("#dialog").dialog({
            autoOpen: false,
            resizable: true,
            height: 400,
            width: 150,
            position: 'center',
            title: 'Term Sheet',
            beforeClose: function(event, ui) { 
               console.log('Event Fire');
            },
            modal: true,
            buttons: {
                "Submit": function () {
                    $(this).dialog("close");
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });

Inilah yang bekerja untuk saya ...

$('#dialog').live("dialogclose", function(){
   //code to run on dialog close
});

Pada jQuery 1.7, metode .on () adalah metode yang disukai untuk melampirkan penangan acara ke dokumen.

Karena tidak ada yang benar-benar membuat jawaban dengan menggunakan. on()bukannya bind()saya memutuskan untuk membuatnya.

$('div#dialog').on('dialogclose', function(event) {
     //custom logic fired after dialog is closed.  
});

tambahkan opsi 'tutup' seperti di bawah sampel dan lakukan apa yang Anda inginkan fungsi inline

close: function(e){
    //do something
}

Jika saya memahami jenis jendela yang Anda bicarakan, tidak akan $ (jendela) .unload () (untuk jendela dialog) memberikan Anda pengait yang Anda butuhkan?

(Dan jika saya salah paham, dan Anda berbicara tentang kotak dialog yang dibuat melalui CSS daripada jendela browser pop-up, maka semua cara untuk menutup jendela itu adalah elemen yang bisa Anda daftarkan dengan hander klik.)

Sunting: Ah, saya mengerti sekarang Anda sedang berbicara tentang dialog jquery-ui, yang dibuat melalui CSS. Anda dapat mengaitkan X yang menutup jendela dengan mendaftarkan pengendali klik untuk elemen dengan kelas ui-dialog-titlebar-close .

Yang lebih berguna, mungkin, adalah Anda memberi tahu Anda cara mencari tahu dengan cepat. Saat menampilkan dialog, cukup buka FireBug dan Inspect elemen yang dapat menutup jendela. Anda akan langsung melihat bagaimana mereka didefinisikan dan itu memberi Anda apa yang Anda butuhkan untuk mendaftarkan penangan klik.

Jadi untuk langsung menjawab pertanyaan Anda, saya yakin jawabannya benar-benar "tidak" - tidak ada acara dekat yang dapat Anda kaitkan, tetapi "ya" - Anda dapat mengaitkan semua cara untuk menutup kotak dialog dengan cukup mudah dan mendapatkan apa maumu.

Anda dapat mencoba kode berikut untuk menangkap acara penutupan untuk setiap item: halaman, dialog dll.

$("#dialog").live('pagehide', function(event, ui) {
      $(this).hide();
});