关闭 Fancybox 后显示深色叠加层答案

【问题标题】：Dark overlay shows after closing Fancybox关闭 Fancybox 后显示深色叠加层
【发布时间】：2013-08-06 17:57:22
【问题描述】：

我在我的网站上为我的每个投资组合项目设置了以下设置：http://jsfiddle.net/WQpLd/

（我无法让 Fancybox 在上面的示例链接中工作。）

现场版可以在我的网站here查看。

问题是，当我将鼠标悬停在框上并单击“查看屏幕截图”链接时，屏幕截图会通过 Fancybox 显示 - 这很好，但是当我关闭屏幕截图时，有时框会留下黑色覆盖.只有当我将鼠标悬停在“覆盖”框上时，该框才会恢复为“正常”。

为了进一步说明这一点，我拍摄了一个快速视频here。

在我关闭 Fancybox 屏幕截图后，如何解决此问题以使深色叠加层完全不出现？

【问题讨论】：

我在您的 FF5 或 Chrome 网站上没有遇到这种行为。花式框叠加层一出现，图像叠加层就会消失，尽管 Chrome 删除它的时间比 FF5 稍长。你修好了吗？
不，还没有修复。为了清楚起见，这种行为发生在fancybox 叠加层关闭之后。此外，它发生在大多数时间，而不是所有时间。
@J82 -- 这是你的 fiddle 的一个版本，可以使用 fancybox：jsfiddle.net/maniator/USTVR
我已经编辑了问题以包含视频来准确说明我的意思。

【解决方案1】：

我有同样的问题。

使用来自 Google 的最新 jquery 库，例如

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>.

【讨论】：

【解决方案2】：

我的第一个建议是使用onClosed 选项来定义回调并让覆盖再次消失以确保安全。 jQuery.hover() 调用的 mouseout 回调（第二个参数）可以分离到一个单独的函数中，这样您就不会重复您的代码。

【讨论】：

【解决方案3】：

我在使用 fancybox 2.1.0 和 jquery 1.6.2 时遇到了同样的问题，同时动态加载了一个图库。

我删除了关闭时的淡出效果，并修复了它。我使用的代码是：

$.fancybox.open(images, {
  closeEffect: 'none'
});

【讨论】：