2013-05-08 132 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'); 
    } 

});