将 class 应用于控制 'next'、'previous' 和 'close' 的 Fancybox links/buttons

Question

我正在使用以下 jquery 来关闭 div 当点击任何没有 class 'click' 的东西时（对于空的 space 和某些其他 divs).

$(document).click(function (event) {
    if (!$(event.target).hasClass('click')) {
        $('#div').hide();
              }
});

我不想打开 fancybox 画廊以关闭 div (fancybox 2.1.5)，所以我将 'click' class 应用于与 fancybox 相关的所有内容在我的 html.

<div class="fancybox_container click">
<a class="fancybox_gal click" rel="gallery" href="1s.jpg"><img src="1l.jpg" class="click"></a>
<a class="fancybox_gal click" rel="gallery" href="2s.jpg"><img src="2l.jpg" class="click"></a>
<a class="fancybox_gal click" rel="gallery" href="3s.jpg"><img src="3l.jpg" class="click"></a>
</div>

我可以在不隐藏 div 的情况下单击任何图像。但是，当我单击 fancybox 在图像上生成的 "next" 或 "previous" 或 "close" links/buttons 时，div 关闭。

我编辑了 jquery.fancybox.js，将 'click' class 添加到这些按钮的 href 链接中，但没有用。

关于如何将此 class 应用于这些链接的任何想法？或者一些解决方法？

这里有一个 FIDDLE 说明问题。

Answer 1

我想这就是您要找的：

WORKING:DEMO : 已更新

JS : 已更新

$(document).mouseup(function (e) /* it executes on mouse click anywhere on document*/
{
var container = $(".click, a, .fancyboc_gal, .fancybox_container, img"); /* all those div's or links on which if clicked should not close your behind div(#othercontent)*/

if (!container.is(e.target) /* Now Check that click you did is not on gallery  */
    && container.has(e.target).length === 0) // ... nor a descendant of the container
{
    $("#othercontent").hide();
}

});

将 class 应用于控制 'next'、'previous' 和 'close' 的 Fancybox links/buttons

Apply class to Fancybox links/buttons that control 'next', 'previous', and 'close'

html

css

jquery

fancybox

fancybox-2