Question

我遇到了Fancybox 2的问题。当Fancybox处于图库模式并且我用焦点（键盘输入键）关闭Fancybox时，它会移动到第二个图像。我不能用键盘关闭我的Fancybox（ESC除外），它只适用于鼠标。

您可以在http://jsfiddle.net/korigan/qfxZd/2/

进行测试

$('.fancybox').click(function(){
       focusLink = this;
   }).fancybox({
    beforeLoad: function() {
        $('a, input, button').attr('tabIndex', -1);
        $('.fancybox-overlay a, .fancybox-overlay button, .fancybox-overlayinput').attr('tabIndex', 0);
    },
    afterClose: function() {
        focusLink.focus();
        $('a, button, input').attr('tabIndex', 0);
    },
});

感谢您的帮助。

Answer 1

Fancybox有keys选项来设置特定按键的行为.... enter键的默认设置是{{1}导航到图库的next图像}}。您可以通过声明键的集合移至left图像并省略 next键来重写此行为（数值= {{ 1}}）所以它将从堆栈中删除，如：

enter

此外，您可以在同一选项中将13键设置为关闭 fancybox，如：

keys: {
    next: {
     // 13: 'left', // enter key will do nothing (left is default behavior)
        34: 'up', // page down
        39: 'left', // right arrow
        40: 'up' // down arrow
    }
}

...请参阅 JSFIDDLE

关闭Fancybox 2宽度焦点在图库模式下不起作用

1 个答案: