2014-10-29 44 views
0

我有点困惑,为什么这不适合我。我检查了萤火虫网络面板,我似乎正在加载我的所有图书馆罚款。Colorbox JQuery没有打开点击

基本上,我使用一个名为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(); 
}); 

任何人都知道可能什么错?

+0

请链接到插件并声明您使用的版本。 – Spokey 2014-10-29 14:58:47

+0

@Javacadabra你真的需要包含标签吗? Arent你引用了你的的href中的图片吗? – newDevGeek 2014-10-29 15:17:21

+0

不应该是colorbox for each anchor? – 2014-10-29 18:21:49

回答

1

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

+0

建议您添加它作为评论,以避免downvotes。 – 2014-10-29 15:06:46

+1

@KK我想这样做,但我目前不能这样做,因为当我能够发表评论时,“5”有点害羞,有50。 :) – newDevGeek 2014-10-29 15:08:10

+1

那么,现在你可以:) – 2014-10-29 15:11:48