лайтбокс jQuery не работает

Question

Я использую этот LightBox на http://sbc.mojopin.co.uk/portfolio.php и просто не могу заставить его работать.Я включил все необходимые файлы, и даже больше, в том числе js-файлы плагина LightBox и его файл 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

Похоже, вы сделали опечатку в селекторе jQuery:

Это:

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

Должно быть:

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

Чтобы избежать подобных ошибок в будущемиспользуйте IDE , например Aptana Studio 3 , который сообщит вам об ошибках, подобных этим (и другим).

Answer 5

глупая ошибка: замена (вы написали contemporyGallery неправильно :))

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

на

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