Lightbox 2 - 如何添加选项答案

【问题标题】：Lightbox 2 - how to add optionsLightbox 2 - 如何添加选项
【发布时间】：2015-11-22 16:52:43
【问题描述】：

当我尝试使用 Lightbox2 选项代码时，我收到一条错误消息，提示“未定义灯箱”。当我不添加选项代码时它工作正常。实现选项的正确方法是什么，网站只有这个...

灯箱。选项（{ 'resizeDuration': 200, “环绕”：真 })

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

【问题讨论】：

向我们展示更多代码。我怀疑你会通过这种方式得到有用的答案。
没有更多的代码要显示 - 你不必在 jquery 中显式地初始化灯箱。一旦你包含了 js 脚本，它就会自动初始化它——这就是为什么我不确定选项代码的去向。
如果您不使用 AMD，则在全局范围内设置“灯箱”。确保在 lightbox.js 脚本标记之后调用 lightbox.options()。
@jk105，你解决了这个问题吗？我收到与 lightbox is not defined 相同的错误，并且没有向 lightbox 添加任何选项，我收到此错误..

标签： lightbox2

【解决方案1】：

您可以在包含 lightbox.js 文件的文件中设置灯箱选项。另外请确保在灯箱之前包含 jquery。

下面的代码在 php 文件的一个块中：

    <body>
        ...
        <script src="js/jquery-1.11.3.min.js"></script> // <-- this is important
        <script src="js/lightbox.js"></script>
        <script>
            lightbox.option({
                'resizeDuration' : 200,
                'wrapAround' : true
            });
        </script>
        ...
    </body>

【讨论】：

是的，这就是我目前正在做的事情，我在 js 控制台中收到“未捕获的 ReferenceError：未定义灯箱”错误。
是的，我也包括 jquery。当我将“选项”代码添加到我从网站下载的演示中时发生此 js 错误 - lokeshdhakar.com/projects/lightbox2/#getting-started - 你也收到此错误吗？感谢您的帮助顺便说一句
我刚刚从网站上下载了示例并将其部署到我的 apache 中。添加了该选项，它可以工作。我也在网站上使用它。您可以发布您正在使用的整个 html 吗？
恕我直言，这里的关键是您必须将选项部分放在指令之后。

【解决方案2】：

可能是 json 错误。 jsonLint 说 json 字符串无效。它希望像这样引用键名（使用真正的引号，而不是撇号）： lightbox.option({ "alwaysShowNavOnTouchDevices" : true, "showImageNumberLabel" : false, "wrapAround" : true }); 有趣的是，它适用于一些带有撇号的浏览器，甚至根本没有引号，所以它显然依赖于实现，但“正确”的方法显然是使用引号 (")。

【讨论】：