jQuery灯箱无法正常工作

Question

我在LightBox上使用此http://sbc.mojopin.co.uk/portfolio.php，但无法让它发挥作用。我已经包含了所有需要的文件，包括LightBox插件js文件及其css文件。

这个功能似乎就行了：

$.fn.lightBox = function(settings)

然后它跳到最后。我相信我的页面有正确的js，但它无法正常工作。

对于那些不想点击链接来查看问题的人，基本上当我点击拇指图像时，它只是转到图像而不是在灯箱中显示。我确信这是一个相当简单的问题，但是感谢任何帮助。

Answer 1

您的jQuery选择器看起来有拼写错误：http://sbc.mojopin.co.uk/sbc.js

$('#contemporyGallery a').lightBox();

应该是：

$('#contemporaryGallery a').lightBox();

干杯！

Answer 2

替换

$('#contemporyGallery a').lightBox();

与

$('#contemporaryGallery a').lightBox();

另请注意，您已包含多个灯箱脚本，您只需要* .min.js

Answer 3

如何将灯箱附加到每个图像上的类中，如此...

$(document).ready(function() {
    $('a.lightbox').lightBox(); // Select all links in object with gallery ID
});

Answer 4

愚蠢的错误：替换（你拼写contemporyGallery错误:)）

$('#contemporyGallery a').lightBox();

与

$('#contemporaryGallery a').lightBox();

Answer 5

看起来你在jQuery选择器中输了一个拼写错误：

此：

$('#contemporyGallery a').lightBox();

应该是：

$('#contemporaryGallery a').lightBox();

为了避免将来出现此类错误，请使用IDE Aptana Studio 3来告知您这些错误（以及其他错误）。