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

Question

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

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

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

编辑：我拥有的选项片段在加载灯箱 js 的行之后。

编辑2：选项片段也在文档中准备好了

编辑 3：灯箱已加载并且工作正常

Answer 1

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

Answer 2

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

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

window.lightbox = lightbox;

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

Answer 3

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