Question

我将featherlight.js用于灯箱。当它打开并点击它的背景时，它会弹出一个弹出窗口。我需要禁用此功能。我注意到这个js中有closeTrigger选项，但不知道如何使用它。

Answer 1

其中有一个默认选项：

 closeOnClick: false           /* Close lightbox on click ('background', 'anywhere', or false) */

选择＆＃34; FALSE＆＃34;值将禁用单击背景时关闭弹出窗口。

Answer 2

我建议您不要单独编写javascript片段，因为您已经使用＆＃34;数据＆＃34;属性初始化灯箱。

根据提供的文档，您可以在标记本身设置 data-featherlight-close-on-click =＆＃34; false＆＃34; 以实现相同目标。

小提琴 - http://jsfiddle.net/ylokesh/c5pq5bs1/2/

<强> HTML

<a class="btn btn-default" href="#" data-featherlight-close-on-click="false" data-featherlight="#fl1">Default</a>
<div class="lightbox" id="fl1">
    <h2>Featherlight Default</h2>
    <p>
        This is a default featherlight lightbox.<br>
        It's flexible in height and width.<br>
        Everything that is used to display and style the box can be found in the 
    </p>
    <a href="https://github.com/noelboss/featherlight/blob/master/src/featherlight.css">featherlight.css</a> file which is pretty simple.
</div>

使用此选项，您将保存编写单独的脚本块以启用此功能。

Answer 3

在文档中，您可以将其从默认值

中禁用

defaults: {
      closeOnClick: false, /* Close lightbox on click ('background', 'anywhere', or false) */
}

Answer 4

谢谢，我在写完问题后找到了解决方案，但谢谢大家。我的最终代码以这种方式看待：

jQuery.featherlight(jQuery('#professional_investor_box'), {
        closeOnClick:false,
});

单击背景时禁用关闭弹出窗口

4 个答案: