单击图像时，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。Uncaught TypeError: Property '$' of object [object Object] is not a function (index):71

我查看了您网页的源代码，在第71行，您有了这个：

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

这意味着jQuery无法运行。您需要使用no-conflict wrapper。

2。Uncaught TypeError: Object [object Object] has no method 'orbit'

在此行中，您使用.orbit()制作主页滑块...但不在主页上。您收到此错误是因为jQuery找不到ID为#featured的块。 为避免此类错误，您需要检查块是否在页面上，可能是这样：

var home_slider = $('#featured');

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

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