关闭jQuery UI对话框

Question

我有这个链接来关闭一个jquery UI对话框：

<a href="#" id="close-login-box">Close this window</a>

这是jQuery：

$("#login-link").click(function() {
    $("#login-box").dialog({ 
        close: function(ev, ui) { 
            $(this).hide();
        },
        draggable: false, 
        height: 300,
        modal: true,
        position: ["center","center"], 
        resizable: false, 
        width: 1020
    });
});

$("#close-login-box").click(function() {
    $("#login-box").dialog("close");
});

单击链接时为什么关闭对话框？

Answer 1

您不需要

close: function(ev, ui) { 
        $(this).hide();
    },

因为$('#login-box').dialog('close');会为您隐藏对话框，所以无需自行指定。