按键上的关闭模态框

Question

当用户按下ESC键时，尝试关闭模式弹出窗口并删除叠加层。

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

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

Answer 1

你在做的只是隐藏div。你应该做的是使用

以编程方式关闭模态

$.modal.close();

或你的

myModalObj.close();

Answer 2

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

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

就像你可能已经叫过

一样

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

Answer 3

解决方案是

$(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();
    } 
});