如何编写一个可以退出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演示：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');
}

你可以输入你的功能或回调。默认情况下，为您创建关闭链接。