Как написать кнопку, которая может выйти из диалогового окна jquery ui?

Question

В модальном диалоговом окне jquery UI я хочу иметь кнопку, которая может вызвать какую-то функцию и одновременно выйти из диалога.Как это сделать?

Answer 1

$( ".selector" ).dialog({ 
    buttons: { 
        "Close": function() { 
            $(this).dialog("close"); 
            // some function call
        } 
    } 
});

Пример: http://jsfiddle.net/vGn7k/

Answer 2

$( ".selector" ).dialog({ 
    buttons: { 
        "Close": function() { 
            $(this).dialog("close"); 
            // some function call
        } 
    } 
});

Это плохая идея;лучше использовать встроенную кнопку закрытия в правом верхнем углу диалогового окна.

$('.dialog').click(function(e) {
    e.preventDefault();
    $('#mydialog').dialog({
        close: function(e) {
            alert('You just closed me');
        }
    });
});

Answer 3

jsFiddle demo: http://jsfiddle.net/VGS5L/

HTML

<a href="#" class="dialog">Open dialog</a>

<div id="mydialog">
    <p>My dialog</p>
</div>

CSS

#mydialog {
    display: none;
}

JavaScript

$('.dialog').click(function(e) {
    e.preventDefault();
    $('#mydialog').dialog({
        close: function(e) {
            alert('You just closed me');
        }
    });
});

В этой части кода

close: function(e) {
    alert('You just closed me');
}

Вы можете добавить в свою функцию или обратный вызов. По умолчанию закрывающая ссылка создана для вас.