javascript - jQuery UI 对话框关闭的不同动画取决于按钮？

Question

是否有可能（以一种合理的方式）根据单击的按钮以不同的动画关闭 jQuery UI 对话框？

$( "#dialog" ).dialog({
    autoOpen: false,
    show: "blind",
    hide: "explode"
    buttons: {
        "Delete": function () {
             ... one animation here ...
             $(this).dialog("close");
        },
        "Cancel" : function () {
            ... another here ...
            $(this).dialog("close");
        }
    }
});

Answer 1

是的。

$( "#dialog" ).dialog({
    //autoOpen: false,
    show: 'blind',
    buttons: {
        Delete: function () {
            $( this ).dialog( 'option', 'hide', 'explode' );
            $(this).dialog("close");
        },
        Cancel : function () {
            $( this ).dialog( 'option', 'hide', 'blind' );
            $(this).dialog("close");
        }
    }
});

现场示例：http: //jsfiddle.net/GLUHa/2/