jquery-ui-dialog - Как подключиться к событию закрытия диалога

Я нашел это!

Вы можете поймать событие закрытия, используя следующий код:

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

Очевидно, я могу заменить предупреждение на все, что мне нужно сделать.
Изменить: Начиная с JQuery 1.7, bind () стал on ()

Я считаю, что вы также можете сделать это при создании диалога (скопированного из моего проекта):

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

Заметка 2_

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

"close" свойство диалога дает событие закрытия для того же самого.

Вы также можете попробовать это

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

Это то, что у меня сработало ...

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

Начиная с jQuery 1.7, метод .on () является предпочтительным методом для присоединения обработчиков событий к документу.

Поскольку на самом деле никто не создал ответа с использованием .on() вместо bind(), я решил создать его.

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

добавьте опцию «закрыть», как в примере, и сделайте то, что вы хотите, встроенную функцию

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

Вы можете попробовать следующий код для записи события закрытия любого элемента: страницы, диалога и т. Д.

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