Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.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
在按键事件上打开jquery fancybox_Jquery_Fancybox - Fatal编程技术网

在按键事件上打开jquery fancybox

在按键事件上打开jquery fancybox,jquery,fancybox,Jquery,Fancybox,有人知道如何用按键打开/启动lightbox(fancybox)而不是单击缩略图吗?例如,如果你点击空格键,灯箱会打开吗 我对jquery不太熟悉,因此如果答案显而易见,请原谅。您可以使用以下脚本打开fancybox,例如按字母“F”: 。。。我看到的问题是,您无法动态传递href(如在链接中),但必须将其硬编码到脚本中*[请参见编辑] 请参见(在按“F”之前,您必须关注“结果”窗口) 为了知道每个键控返回的键号,您可以添加 console.log(event.keyCode); 。。。到同

有人知道如何用按键打开/启动lightbox(fancybox)而不是单击缩略图吗?例如,如果你点击空格键,灯箱会打开吗


我对jquery不太熟悉,因此如果答案显而易见,请原谅。

您可以使用以下脚本打开fancybox,例如按字母“F”:

。。。我看到的问题是,您无法动态传递
href
(如在链接中),但必须将其硬编码到脚本中*[请参见编辑]

请参见(在按“F”之前,您必须关注“结果”窗口)

为了知道每个
键控
返回的键号,您可以添加

console.log(event.keyCode);
。。。到同一个脚本(在我的演示中被注释掉)

注意:这是用fancybox v2.1.3测试的


编辑(2014年3月11日): 实际上,您可以将fancybox绑定到一个常规链接,并在按键后在该元素上触发一个
点击
,因此具有以下html:

<a class="fancybox" href="image.jpg">open fancybox</a>
这将触发fancybox,或者按“F”键,或者单击链接


请参阅forked

抱歉,我是一个新手,甚至不知道这方面的语法。您最好至少了解javascript事件的基本知识,以及jQuery在浏览器中的工作方式,以便能够提问并理解答案,或者更确切地说是答案,因为做同样的事情总是有很多方法。我宁愿点击带有自定义脚本的花式方框来收听关键事件,但问题中的信息太少,无法说出一些事情。我理解,以我的技能水平来说,这可能太多了。我希望能有一个简单的脚本行,我可以插入到我的头标签,以实现这一行动。这是神奇的肯尼迪。非常感谢。我要让它工作。按键激活一张照片:。如果lightbox中有多张照片该怎么办。@user1924772我在这里用多张照片更新了同一个演示(按F键),请记住我的评论:您必须为每张图像对每一张
href
进行硬编码。非常感谢。你帮了大忙。
<a class="fancybox" href="image.jpg">open fancybox</a>
$(document).keyup(function (event) {
    // console.log(event.keyCode);
    // open fancybox pressing "F"
    if (event.keyCode === 70) {
        $(".fancybox").eq(0).trigger("click");
    };
}).ready(function () {
    $(".fancybox").fancybox();
});