Lightbox.options不是一个函数 - lightbox plugin

Question

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

http:/lokeshdhakar.comrojectslightbox2。

https:/github.comlokeshlightbox2。

我的页面上有类似于例子的项目。

<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.comrojectslightbox2#options。 应该是

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

然而，我得到一个错误

lightbox.option is not a function

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

编辑。 我的选项片段是 后 加载lightbox js的那一行。

编辑2: 选项代码段也在文档准备好的地方。

编辑3: lightbox is loaded and is 工作 赕

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

改变那个ID <div id="lightbox"> 到其他东西。浏览器会自动将所有的ID变成全局变量，这将覆盖全局的 lightbox 对象。