jquery-ui-dialog - İletişim close olayına bağlanma

jquery-ui-dialogEklentiyi kullanıyorum

Bazı durumlarda iletişim kutusu kapatıldığında sayfayı yenilemenin yolunu arıyorum.

İletişim kutusundan yakın bir olayı yakalamanın bir yolu var mı?

Kapat düğmesi tıklatıldığında kod çalıştırabileceğimi biliyorum, ancak kullanıcı kaçış veya sağ üst köşedeki x ile kapanmayı kapsamıyor.

Onu buldum!

Aşağıdaki kodu kullanarak close olayını yakalayabilirsiniz:

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

Açıkçası uyarıyı ne yapmam gerekiyorsa değiştirebilirim.
Düzenleme: Jquery 1.7 itibariyle, bind () açık () hale geldi

Diyalog oluştururken de yapabileceğime inanıyorum (yaptığım bir projeden kopyalandı):

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

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

iletişim kutusunun "close" özelliği bunun için close olayını verir.

Bunu da deneyebilirsin

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

Bu benim için işe yaradı ...

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

JQuery 1.7'den itibaren .on () yöntemi, olay işleyicilerini bir belgeye iliştirmek için tercih edilen yöntemdir.

Çünkü kimse aslında kullanarak bir cevap yaratmadı. on()yerine bind()bir tane oluşturmaya karar verdim.

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

örnek altında olduğu gibi 'kapat' seçeneği ekleyin ve satır içi işlevi istediğinizi yapın

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

Bahsettiğiniz pencere türünü anlıyorsam $ (window) .unload () olmaz (iletişim penceresi için) size ihtiyacınız olan kancayı vermez mi?

(Yanlış anladıysam ve bir pop-up tarayıcı penceresi yerine CSS üzerinden yapılan bir iletişim kutusundan bahsediyorsanız, o pencereyi kapatmanın tüm yolları tıklama işleyicilerini kaydedebileceğiniz öğelerdir.)

Edit: Ah, şimdi görüyorsun CSS ile yapılan jquery-ui iletişim kutuları hakkında konuşuyorsun. Sen kanca X sınıfı ile eleman için bir tıklama işleyicisi kaydederek pencereyi kapatır ui-iletişim-başlık çubuğu-yakın .

Daha faydalı, belki de, bunu hızlı bir şekilde nasıl çözeceğinizi anlatacaksınız. İletişim görüntülerken, sadece açık FireBug pop ve kontrol pencereyi kapatabilirsiniz unsurları. Bunların nasıl tanımlandığını anında görürsünüz ve bu, tıklama işleyicilerini kaydettirmek için neye ihtiyacınız olduğunu verir.

Sorunuzu doğrudan yanıtlamak için, cevabın gerçekten "hayır" olduğuna inanıyorum - kancalayabileceğiniz yakın bir etkinlik yok, ancak "evet" - iletişim kutusunu oldukça kolay bir şekilde kapatmak ve almak için tüm yolları bağlayabilirsiniz. Ne istiyorsunuz.

Herhangi bir öğe için closing olayını yakalamak için şu kodu deneyebilirsiniz: sayfa, iletişim kutusu vb.

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