Jquery 单击外部图像时停止Fancybox 1.3关闭

我之前搜索并找到了一些关于这方面的问题，但没有一个答案有效。 我想要它做的不是在图像外单击时关闭，而是仅在单击角落中的X时关闭

我尝试了很多不同的想法，有些想法让图像在同一个框架中打开，而有些想法可行，只是现在角落里的X消失了，所以我根本无法关闭它

最接近我的是“模态：真”，但X用这个就消失了

这是我的页面，图片位于菜单中的“Fotografier”下：

我对Fancybox的代码是：

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
});

---

正如我所说的，我尝试的大多数“答案”都只是在同一个窗口中打开图片，就像它是图片的直接链接一样。我希望他们弹出并获得导航按钮+关闭按钮编辑：这个答案与fancyBox 2有关。有关fancyBox 1.3方式，请参见

如果您查看fancyBox代码，您会注意到

modal

设置只是一个快捷方式：

// 'modal' propery is just a shortcut
if (coming.modal) {
    $.extend(true, coming, {
        closeBtn   : false,
        closeClick : false,
        nextClick  : false,
        arrows     : false,
        mouseWheel : false,
        keys       : null,
        helpers: {
            overlay : {
                closeClick : false
            }
        }
    });
}

在您的情况下，您需要的是：

$('.fancybox').fancybox({
    helpers: {
        overlay: {
            closeClick: false
        }
    }
});

---

编辑：这个答案与fancyBox 2有关。有关fancyBox 1.3方式，请参见

如果您查看fancyBox代码，您会注意到

modal

设置只是一个快捷方式：

// 'modal' propery is just a shortcut
if (coming.modal) {
    $.extend(true, coming, {
        closeBtn   : false,
        closeClick : false,
        nextClick  : false,
        arrows     : false,
        mouseWheel : false,
        keys       : null,
        helpers: {
            overlay : {
                closeClick : false
            }
        }
    });
}

在您的情况下，您需要的是：

$('.fancybox').fancybox({
    helpers: {
        overlay: {
            closeClick: false
        }
    }
});

---

对于fancyboxv1.3.x使用以下API选项：

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox({
           "hideOnOverlayClick" : false, // prevents closing clicking OUTSIE fancybox
           "hideOnContentClick" : false, // prevents closing clicking INSIDE fancybox
           "enableEscapeButton" : false  // prevents closing pressing ESCAPE key
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox({
“HideOnOverlyClick”：false，//防止关闭fancybox
“hideOnContentClick”：false，//防止在fancybox中关闭单击
“enableEscapeButton”：false//防止按ESCAPE键关闭
});
});

---

。。。因此，关闭fancybox的唯一方法是按下

close

按钮。

对于fancyboxv1.3.x使用以下API选项：

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox({
           "hideOnOverlayClick" : false, // prevents closing clicking OUTSIE fancybox
           "hideOnContentClick" : false, // prevents closing clicking INSIDE fancybox
           "enableEscapeButton" : false  // prevents closing pressing ESCAPE key
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox({
“HideOnOverlyClick”：false，//防止关闭fancybox
“hideOnContentClick”：false，//防止在fancybox中关闭单击
“enableEscapeButton”：false//防止按ESCAPE键关闭
});
});

---

。。。因此，关闭fancybox的唯一方法是按下

close

按钮。

如果仔细阅读问题的标题，它会显示“…fancybox 1.3…”；你的答案对v2.x来说还可以。谢谢，我已经在答案的顶部添加了一个注释。不过我保留着它，这些信息可能对某些人有用。最后一个fancyBox 1是从2010年开始的，也许是时候转移到fancyBox 2了；-）<代码>也许是时候转移到fancyBox 2了：人们可能不想转移到v2.x，因为它。。。。对于v2.x，自2011年12月以来，这里已经给出了答案；）关于许可的观点很好。作为参考，fancyBox 1处于双重MIT/GPL之下。如果你仔细阅读问题的标题，它会说“…fancyBox 1.3…”；你的答案对v2.x来说还可以。谢谢，我已经在答案的顶部添加了一个注释。不过我保留着它，这些信息可能对某些人有用。最后一个fancyBox 1是从2010年开始的，也许是时候转移到fancyBox 2了；-）<代码>也许是时候转移到fancyBox 2了：人们可能不想转移到v2.x，因为它。。。。对于v2.x，自2011年12月以来，这里已经给出了答案；）关于许可的观点很好。作为参考，fancyBox 1处于双重MIT/GPL之下。