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（）;在你的标签。

Colorbox JQuery无法在点击时打开

1 个答案: