Question

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

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

可以在我的网站here上查看实时版本。

问题在于，当我将鼠标悬停在方框上并点击“查看屏幕截图”链接时，屏幕截图会通过Fancybox显示 - 这很好，但是当我关闭屏幕截图时，有时候方框会留下深色的叠加层。只有当我用鼠标悬停在“重叠”框上时，框才会回到“正常”状态。

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

我如何解决这个问题，以便在我关闭Fancybox屏幕截图后不会出现黑暗叠加层？

Answer 1

我有同样的问题。

使用Google提供的最新jquery库，例如：

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

Answer 2

我的第一个建议是使用onClosed选项来定义回调并使叠加层再次消失以确保安全。 jQuery.hover()调用的mouseout回调（第二个参数）可能会分离为一个单独的函数，因此您不会重复代码。

Answer 3

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

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

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