overlay - 在按键上关闭模态框

Question

ESC当用户按下键时，尝试关闭模式弹出窗口并移除覆盖。

$(document).keyup(function(e) { 
    if (e.keyCode == 27) { 
       $('.create-folder').toggle();
    } 
});

模态窗口触发关闭，但覆盖仍然存在，覆盖页面。

Answer 1

What you are doing is just hiding the div. What you should do instead is to programatically close the modal using

$.modal.close();

or your

myModalObj.close();

Answer 2

解决方案是

$(document).keyup(function(e) { 
    if (e.keyCode == 27) { 
       //hides modal overlay background when escape key pressed
       $('.modal-overlay').hide();
       //hides all modal boxes when escape key pressed
       $('.modal').hide();
    } 
});

Answer 3

如果您使用 Jquery 对话窗口，只需执行以下操作：

$( ".create-folder" ).dialog( "close" );

就像你可能已经打过电话一样

$('.create-folder').dialog("open");