当单击背景时禁用关闭弹出

Question

我用featherlight.js做灯箱。当它被打开，我点击它的背景，它关闭弹出。我需要禁用这个功能。我注意到这个js中有closeTrigger选项，但不知道如何使用它。

Answer 1

其中有一个默认选项：

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

选择"FALSE“值，这将禁用在单击背景时弹出窗口的关闭。

Answer 2

我建议不要单独编写javascript代码段，因为您已经使用"data“属性来初始化lightbox。

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

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

<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) */
}