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