javascript - jQueryUI，窗口关闭功能

Question

我在 jQuery 中有这个函数：

    $("#bottone_mail").on("click", function(){
        $('#container_body').fadeTo(1000, 0.25);
        $( "#form" ).dialog({
            width:510,height:500});
            return false;

这将创建一个表单窗口。当用户单击“发送”按钮时，将执行此脚本：

        $("#invia").on("click", function(){
        $( "#form" ).dialog("close");
        $('#container_body').fadeTo(1000, 1);
        $("#spc1").html("<div id='mess_invio'> Messaggio inviato con successo, grazie!</div>");
        return false;
        });

我想 $('#container_body').fadeTo(1000, 1);在用户使用“X”按钮关闭表单窗口时执行，而不是在按下“发送”按钮时执行。

我能找到的唯一相关答案是： jQuery UI Dialog Box - does not open after being closed

但是，它对我不起作用，因为需要函数名。

我是 jQuery 的第一步，所以如果有人发布一个带有解释的定制解决方案，我将非常感激......

Answer 1

你可以这样做 -

$("#form").on('dialogclose', function(event) {
   $('#container_body').fadeTo(1000, 1);
});

• http://api.jqueryui.com/dialog/#method-close

Answer 2

创建对话框时有选项。

也许你可以使用类似的东西：

$( "#form" ).dialog({
        width:510,
        height:500,
        close: function() {
                    $('#container_body').fadeTo(1000, 1);
        }
});