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