Lightbox.options 不是函数 - 灯箱插件
Lightbox.options is not a function - lightbox plugin
我正在使用这个灯箱插件,
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
那么,如何设置我需要的选项?
编辑: 我的选项片段是 AFTER 加载灯箱 js 的行。
edit2: 选项片段也在文档中就绪
edit3: 灯箱已加载并且 工作 正常
将 <div id="lightbox">
的 ID 更改为其他内容。浏览器会自动将所有 ID 变成全局变量,这是覆盖全局 lightbox
对象。
原来和版本有关,我用的是版本2.7.1
,我试过版本2.8.1
,错误消失了
我在使用 npm 时遇到了同样的问题。我是这样解决的
import lightbox from 'lightbox2/dist/js/lightbox';
window.lightbox = lightbox;
window.lightbox.option({
disableScrolling: true,
fadeDuration:200,
//other
});
我正在使用这个灯箱插件,
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
那么,如何设置我需要的选项?
编辑: 我的选项片段是 AFTER 加载灯箱 js 的行。
edit2: 选项片段也在文档中就绪
edit3: 灯箱已加载并且 工作 正常
将 <div id="lightbox">
的 ID 更改为其他内容。浏览器会自动将所有 ID 变成全局变量,这是覆盖全局 lightbox
对象。
原来和版本有关,我用的是版本2.7.1
,我试过版本2.8.1
,错误消失了
我在使用 npm 时遇到了同样的问题。我是这样解决的
import lightbox from 'lightbox2/dist/js/lightbox';
window.lightbox = lightbox;
window.lightbox.option({
disableScrolling: true,
fadeDuration:200,
//other
});