2013-05-08 133 views
0

我设法创建了一个局部视图与jQuery的弹出对话框来显示创建窗体,现在我的下一个问题是如何使用键盘上的键返回页面在pop-up之前。我试图创建一个关闭链接/按钮,它的工作,但我真的很喜欢使用练习的关键。使用退出按钮退出jquery弹出对话框

有什么想法吗?

+0

你自己编写对话框,还是使用类似JQuery UI的对话框? – StanK 2013-05-08 04:41:12

+0

我创建了一个新的js文件,然后在那里放置了我的弹出局部视图(工作)的代码,并希望能够使用退出键功能 – 2013-05-08 05:02:44

+0

标准的jQuery.UI对话框已经包含一个'closeOnEscape'选项。你不能使用它吗? – Corey 2013-05-08 05:07:54

回答

1

您可以订阅keyup事件并检查keycode。确保你添加了选择器。

keyup(function(e) { 
    if(e.keyCode == 27) { 
     // close your window 
    } 
}); 
+0

我做了但没有任何反应,我试过这个:$(#dialog).keyup(function(e){if.keyCode == 27){(dialog).dialog(“close” ); } });' 我还缺少什么吗?,对不起,我对此很陌生。 – 2013-05-08 03:45:45

+0

那么,你的选择器应该在引号中。 $(“#dialog”) 这是一个javascript对话框还是实际的浏览器弹出窗口?如果你使用jQuery UI对话框,它应该已经支持你想要做的事情。 – 2013-05-08 03:52:33

+0

我为部分视图创建了我自己的js文件,并希望为逃生键功能..我的js文件仍然缺乏什么? – 2013-05-08 05:04:17

1

您必须在文档上设置关键事件,并在里面添加关闭对话框的代码。

$(document).keyup(function(e) { 

    if (e.keyCode == 27) 
    { 
     $('#dialog').dialog('close'); 
    } 

});