根据按钮关闭jQuery UI对话框的不同动画?

时间:2012-05-08 12:50:33

标签: javascript jquery-ui jquery-ui-dialog

是否有可能(以合理的方式)使用不同的动画关闭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");
        }
    }
});

1 个答案:

答案 0 :(得分:3)

是的。

$( "#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/