jquery - 将类应用于控制 'next' 、 'previous' 和 'close' 的 Fancybox 链接/按钮

Question

我正在使用以下 jquery 来关闭一个 div，当点击任何没有类 'click' 的东西时(对于空白区域和某些其他 div)。

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

我不想打开 fancybox 画廊来关闭 div (fancybox 2.1.5)，所以我在我的 html 中将“点击”类应用于与 fancybox 相关的所有内容。

<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 在图像上生成的“下一个”或“上一个”或“关闭”链接/按钮时，div 将关闭。

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

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

这是一个 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();
}

});