点击iframe里面的内容杀死fancyBox键盘导航（上一个/下一个通过箭头键）

Question

我对fancyBox有一个特殊的问题。

首先：here is my demo of the issue。

问题在于：我有一个包含多个链接的页面。每个链接都会打开一个包含其中一些内容的fancyBox iframe网址。

“主要”页面的示例：

<a rel="gallery" class="fancybox fancybox.iframe" href="content1.html">link1</a>
<a rel="gallery" class="fancybox fancybox.iframe" href="content2.html">link2</a>
<a rel="gallery" class="fancybox fancybox.iframe" href="content4.html">link3</a>


<script>
        var fancyboxOptions = {
                    autoSize    : false,
                    fitToView   : true,
                    width       : '50%',
                    height      : '50%',
        };

        $(".fancybox").fancybox(fancyboxOptions);
</script>

iframe打开页面的示例：

<p>
    Example text Example text Example text Example text Example text Example text
</p>

如果您只是打开链接，一切正常：您可以左右使用键盘的箭头键转到下一个和上一个链接。

当你点击fancyBox打开的窗口内的任何内容时会出现问题：点击会破坏使用键盘进入下一个/上一个的能力。

切换到fancybox.ajax有效地解决了这个问题，但是整个页面非常复杂，许多部分已经编写了基于iframe的方法，因此切换fancyBox方法不是一种选择。

I already reported this as a fancyBox bug，但我也在寻找实施快速解决方案的想法。

谢谢！