关闭 jQuery UI 对话框

Posted 2023-05-08

【中文标题】关闭 jQuery UI 对话框

【英文标题】：Close jQuery UI Dialog Box

【发布时间】：2011-07-21 17:02:35

【问题描述】：

我有这个链接来关闭一个 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");
);

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

【问题讨论】：

你能发布你的登录链接和登录框的html代码吗？

【参考方案1】：

你不需要

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

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