想要使用Esc Key关闭Jquery Mobile中的Popup

时间:2014-10-09 13:33:25

标签: jquery-mobile

我想用Esc键关闭弹出窗口。当我设置data-dismissible =“false”时,是否可以用Esc键关闭。弹出窗口外的弹出窗口不应该关闭(这就是为什么我设置了data-dismissible =“false”并且效果很好)。唯一的问题是我无法用Esc键关闭。这是我的代码:

  $(document).keydown(function(e) {   
    if (e.keyCode == 27) {
       namePopup.close();
    }
});

1 个答案:

答案 0 :(得分:-1)

试试这个,popupBaisc是弹出窗口的id。

$(document).ready(function() {
    $(document).keydown(function(e) {
        if (e.keyCode == 27) {
            $("#popupBasic").popup("close");
        }
    });
});

HTML

<a href="#popupBasic" data-rel="popup">Open Popup</a>

<div data-role="popup" id="popupBasic" data-dismissible="false">
  <p>This is a completely basic popup, no options set.</p>
</div>