0

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

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

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

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

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

图片管理：nextgen Gallery 图片布局：Justified Image Gallery

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

4

1 回答 1

0

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

1.Uncaught TypeError: Property '$' of object [object Object] is not a function (index):71

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

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

这意味着 jQuery 不工作。您需要使用无冲突包装器。

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 :)

于 2013-10-25T07:12:59.687 回答