Colorbox JQuery не открывается при нажатии

Question

Я немного смущен тем, почему это не работает для меня. Я проверил сетевую панель в firebug и, похоже, все мои библиотеки загружается нормально.

В основном я использую библиотеку под названием Colorbox создать лайтбокс, когда пользователь нажимает на изображение. Однако в настоящее время, когда они нажимают на изображение, ничего не происходит.

Это мое html:

<section style="padding-left:2px; margin-bottom: 20px;">
    <a rel="lightbox" href="images/classes1.jpg" class="lbox_gallery_img" title="one"><img src="images/classes1.jpg" width="77" height="52" alt="" /></a>
    <a rel="lightbox" href="images/classes2.jpg" class="lbox_gallery_img" title="two"><img src="images/classes2.jpg" width="77" height="52" alt="" /></a>
    <a rel="lightbox" href="images/classes3.jpg" class="lbox_gallery_img" title="three"><img src="images/classes3.jpg" width="77" height="52" alt="" /></a>
<section>

это мое JQuery:

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

Кто-нибудь знает, что может пойти не так?

Answer 1

Я бы предложил использовать Firebug и / или инспектор инструментов разработчика Google Chrome (он уже присутствует в chrome, нажмите F12). Проверьте вкладку Сеть и посмотрите на запросы. Это поможет вам выяснить, существует ли неверный путь или какие-либо недоступные файлы. Кроме того, вы можете проверить, есть ли какие-либо ошибки JavaScript, когда вы нажимаете кнопку "консоль". Также попробуйте добавить jQuery.noConflict(); в вашем теге.