javascript - 单击图像时 nivo-lightbox 未启动

Question

我相信我已按照说明设置此 javascript 插件，但它似乎不起作用。 (插件:http://dev7studios.com/nivo-lightbox#/documentation)

我可以看到 css、主题和 javascript 文件的链接正确显示在我的文件中(我可以看到它也正确地看到了这些文件)。

(我已经注释掉了 jquery，因为它已经为我的 wordpress 主题加载了。

虽然灯箱似乎没有运行。关于为什么这不拾取我的图像并在灯箱中显示它们的任何提示？

完成此操作后，我仍然需要弄清楚如何使用“data-lightbox-gallery”属性包装我的图像，这样我才能让画廊也正常工作。

图片管理:nextgen gallery图片布局:合理图片库

网址:http://www.sandbox.imageworkshop.com/projects/william-angliss-institute/

Answer 1

如果您在此页面上打开控制台 - 您会看到有两个 javascript 错误。

1.未捕获类型错误:对象 [object Object] 的属性“$”不是函数(索引):71

我查看了你页面的源代码，在第 71 行你有这个:

$(document).ready(function(){
    $('a').nivoLightbox();
});

这意味着 jQuery 不工作。您需要使用 no-conflict wrapper .

2.Uncaught TypeError: Object [object Object] 没有方法 'orbit'

在这一行中，您使用 .orbit() 制作主页 slider ...但不是在主页上。您收到此错误是因为 jQuery 无法找到 ID 为 #featured 的 block 。为避免此类错误，您需要检查该 block 是否在页面上，可能如下所示:

var home_slider = $('#featured');

if( home_slider [0] ) { //if jQuery object is not empty
    home_slider.orbit({
    //yor params here
    })
}

如果你摆脱了这些错误 - 你很可能会看到 nivo-lightbox :)