单击时未打开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（）;。 在您的标签中。