jQuery,关闭窗口的功能

时间:2013-05-23 12:39:55

标签: javascript jquery jquery-ui

我在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;
        });

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

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

但这对我不起作用,因为函数名称是必需的。

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

2 个答案:

答案 0 :(得分:0)

你可以这样做 -

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

答案 1 :(得分:0)

创建对话框时有选项。

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

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