javascript - 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();在你的标签中。