Lightbox.options 不是一个函数 - 灯箱插件答案

【问题标题】：Lightbox.options is not a function - lightbox pluginLightbox.options 不是一个函数 - 灯箱插件
【发布时间】：2015-07-26 09:59:33
【问题描述】：

我正在使用这个灯箱插件，

http://lokeshdhakar.com/projects/lightbox2/

https://github.com/lokesh/lightbox2/

我在页面上有类似于示例的项目：

<a href="images/image-2.jpg" data-lightbox="my-image">Image #2</a>
<a href="images/image-3.jpg" data-lightbox="my-image">Image #3</a>
<a href="images/image-4.jpg" data-lightbox="my-image">Image #4</a>

它工作正常，但我想更改一些选项，根据文档http://lokeshdhakar.com/projects/lightbox2/#options 应该是

 lightbox.option({
      'resizeDuration': 200,
      'wrapAround': true
    })

但是我得到一个错误

lightbox.option is not a function

那么，如何设置我需要的选项？

edit: 我的选项 sn-p 是 AFTER 加载灯箱 js 的行。

edit2:sn-p 选项也已在文档中准备就绪

edit3：灯箱已加载并且工作正常

【问题讨论】：

没有看到你在页面中设置选项的完整上下文，我只能猜测你在加载灯箱 js 之前这样做
向我们展示带有 JS /Lightbox 加载顺序的完整代码
@JaromandaX，我更新了问题，因为我提到了灯箱选项脚本在 min js 文件之后
大声笑 - 我在阅读第二次编辑之前添加了一个答案：p
顺便说一句，没有必要在每次更新问题之前输入editN。

标签： javascript jquery lightbox lightbox2

【解决方案1】：

我在使用 npm 时遇到了同样的问题。我是这样解决的。

import lightbox from 'lightbox2/dist/js/lightbox';

window.lightbox = lightbox;

 window.lightbox.option({
        disableScrolling: true,
        fadeDuration:200,
        //other
    });

【讨论】：

【解决方案2】：

事实证明它与版本有关，我使用的是版本2.7.1，我尝试使用版本2.8.1并且错误消失了

【讨论】：

【解决方案3】：

将 <div id="lightbox"> 的 ID 更改为其他名称。浏览器会自动将所有 ID 转换为全局变量，这会覆盖全局 lightbox 对象。

【讨论】：

重点是我的代码中没有id为lightbox的div，它是由灯箱创建的。