Jquery ui 如何编写一个可以退出jquery ui对话框的按钮？

在jQueryUI模式对话框中，我想有一个按钮，可以触发一些功能，同时退出对话框。如何做到这一点？

jsiddle演示：

HTML

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

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

JavaScript

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

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

在这部分代码中

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

您可以将函数或回调放入。默认情况下，关闭链接是为您创建的

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

例如：

这是个坏主意；最好使用对话框窗口右上角的本机关闭按钮

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