javascript - 无法关闭 Fancybox iFrame

Question

我的问题可通过 http://www.jeremiahbenes.com/#/portfolio 获取单击其中一个图 block 。我在最新版本的 Mac 版 Chrome 中对此进行了测试，并遇到了下述问题。

我已经实现了 fancybox，但是当 iFrame 出现时，我无法关闭它。右上角的“x”似乎无法点击。以下是我的实现内容:

<a data-fancybox-type="iframe" class="fancybox fancybox.iframe plink" href="http://gegarageenvy.com">
  <span>GE Garage Envy</span>
</a>    

我的 Fancybox 代码是:

<script type="text/rocketscript" data-rocketoptimized="true">
    $(document).ready(function() {
        $('.fancybox').fancybox();
    }); 
</script>    

为什么不关闭？

(另一方面，如何将其设置为自动占据可用高度和宽度的 95%？我尝试使用自动调整大小，但这不起作用)。

感谢您的帮助。

Answer 1

您的 body 标记中有一个类会禁用指针事件，这会阻止您单击该 fancybox 内的任何内容，

.impress-enabled {
   pointer-events: none;
}

如果从主体中删除此类，则 fancybox 内的所有内容都将变得可点击。

否则您可以添加，

pointer-events: auto !important;

到 .fancybox-wrap 的 CSS。