单击时未打开颜色框JQuery

Colorbox JQuery not opening on click

本文关键字：颜色 JQuery 单击      更新时间：2023-09-26

我有点困惑，为什么这对我不起作用。我检查了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();
});

有人知道可能出了什么问题吗？

我建议使用Firebug和/或Google Chrome的开发工具检查器（它已经存在于Chrome中，请按F12）。检查"网络"选项卡并查看请求。这将帮助您确定是否存在键入错误的路径或任何无法访问的文件。此外，当您单击"控制台"按钮时，您可以检查是否存在任何javascript错误。另外，请尝试添加jQuery.noConflict（）；在您的标签中。

相关文章：