关闭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');将隐藏你的对话，就没有必要给自己指定。