jquery - 在按键事件上打开 jquery fancybox

Question

有人知道如何在按键上打开/启动灯箱（fancybox）而不是点击缩略图吗？例如，如果您按空格键，灯箱会打开吗？

我对jquery不太熟悉，所以如果答案似乎很明显，请原谅。

Answer 1

例如，您可以使用以下脚本打开按字母“ F ”的 fancybox：

$(document).keyup(function(event) {
    // open fancybox pressing "F"
    if (event.keyCode === 70) {
        $.fancybox({
            href: "http://fancyapps.com/fancybox/demo/1_b.jpg"
        });
    }
}); //keyup

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

查看演示（在按“F”之前，您必须关注“结果”窗口）

为了知道每个返回的密钥号keyup，您可以添加

console.log(event.keyCode);

...到同一个脚本（在我的演示中被注释掉了）

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

---

编辑（2014 年 3 月 11 日）：您实际上可以将 fancybox 绑定到常规链接并在keypressclick之后触发该元素上的a ，因此拥有以下 html：

<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();
});

这将触发fancybox，或者按“F”或点击链接。

见分叉JSFIDDLE