2014-10-29 84 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