Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用组合键实现切换效果<;CTRL+;Q>;对于jQueryUI对话框?_Jquery_User Interface_Dialog_Keycode - Fatal编程技术网

如何使用组合键实现切换效果<;CTRL+;Q>;对于jQueryUI对话框?

如何使用组合键实现切换效果<;CTRL+;Q>;对于jQueryUI对话框?,jquery,user-interface,dialog,keycode,Jquery,User Interface,Dialog,Keycode,我使用以下代码在按下CTRL+Q时打开了JQuery UI对话框 $(window).keydown(function (e){ if (e.ctrlKey && e.keyCode == 81){ $('<div><center>Download the files now?</center></div>').dialog({ title: '<b>Download&

我使用以下代码在按下CTRL+Q时打开了JQuery UI对话框

$(window).keydown(function (e){
     if (e.ctrlKey && e.keyCode == 81){
         $('<div><center>Download the files now?</center></div>').dialog({
            title: '<b>Download</b>', 
            modal: true,
            autoOpen: true,
            height: 400, 
            width: 800,
            resizable: false,
            buttons: {
                "Yes": function(){  
                    // Code to download the Files
                    $(this).dialog('close');
                },
                "Close": function(){
                    $(this).dialog('close');
                }
            }
        });
        return false;
     }
});
$(窗口).keydown(函数(e){
如果(e.ctrlKey&&e.keyCode==81){
$(“立即下载文件?”)。对话框({
标题:"下载",,
莫代尔:是的,
自动打开:对,
身高:400,
宽度:800,
可调整大小:false,
按钮:{
“是”:函数(){
//下载文件的代码
$(this.dialog('close');
},
“关闭”:函数(){
$(this.dialog('close');
}
}
});
返回false;
}
});

但是,我如何才能关闭再次按下它们的对话框?我想用CTRL+Q实现对话框的切换效果。

类似的东西怎么样

var myDialog = null;

$(window).keydown(function (e) {
    if (e.ctrlKey && e.keyCode == 81) {
        if (myDialog != null) {
            myDialog.dialog('close');
            myDialog = null;
        } else {
            var markup = '<div><center>Download the files now?</center></div>';
            myDialog = $(markup).dialog({
                title: '<b>Download</b>', 
                modal: true,
                autoOpen: true,
                height: 400, 
                width: 800,
                resizable: false,
                buttons: {
                    "Yes": function(){  
                        // Code to download the Files
                        $(this).dialog('close');
                    },
                    "Close": function(){
                        $(this).dialog('close');
                    }
                }
            });
        }
        return false;
    }
});
var myDialog=null;
$(窗口).keydown(函数(e){
如果(e.ctrlKey&&e.keyCode==81){
如果(myDialog!=null){
myDialog.dialog('close');
myDialog=null;
}否则{
var markup='立即下载文件?';
myDialog=$(标记).dialog({
标题:"下载",,
莫代尔:是的,
自动打开:对,
身高:400,
宽度:800,
可调整大小:false,
按钮:{
“是”:函数(){
//下载文件的代码
$(this.dialog('close');
},
“关闭”:函数(){
$(this.dialog('close');
}
}
});
}
返回false;
}
});

演示:

类似的东西怎么样

var myDialog = null;

$(window).keydown(function (e) {
    if (e.ctrlKey && e.keyCode == 81) {
        if (myDialog != null) {
            myDialog.dialog('close');
            myDialog = null;
        } else {
            var markup = '<div><center>Download the files now?</center></div>';
            myDialog = $(markup).dialog({
                title: '<b>Download</b>', 
                modal: true,
                autoOpen: true,
                height: 400, 
                width: 800,
                resizable: false,
                buttons: {
                    "Yes": function(){  
                        // Code to download the Files
                        $(this).dialog('close');
                    },
                    "Close": function(){
                        $(this).dialog('close');
                    }
                }
            });
        }
        return false;
    }
});
var myDialog=null;
$(窗口).keydown(函数(e){
如果(e.ctrlKey&&e.keyCode==81){
如果(myDialog!=null){
myDialog.dialog('close');
myDialog=null;
}否则{
var markup='立即下载文件?';
myDialog=$(标记).dialog({
标题:"下载",,
莫代尔:是的,
自动打开:对,
身高:400,
宽度:800,
可调整大小:false,
按钮:{
“是”:函数(){
//下载文件的代码
$(this.dialog('close');
},
“关闭”:函数(){
$(this.dialog('close');
}
}
});
}
返回false;
}
});

演示:

不工作。。窗口是用CTRL+Q打开的,但再次按下时不会关闭。如果(myDialog==null){必须更改为
如果(myDialog!=null){
否则这将显示错误。不工作..窗口是用CTRL+Q打开的,但再次按下时不会关闭。如果(myDialog==null),则必须更改
{
如果(myDialog!=null){
否则这将显示错误。