jQuery的彩盒插件不加載我試圖使用jQuery插件彩盒圖片

Question

：http://www.jacklmoore.com/colorbox/

HTML：

<center> 
    <div class='images'> 
     <a class="group1" href="http://placehold.it/250x150" title="Фотография 1"><img src='http://placehold.it/250x150'></a> 
     <a class="group1" href="/media/images/background.jpg"> <img src='http://placehold.it/250x150'></a> 
    </div> 
</center> 

JS：

$(".images img").colorbox({rel:'images', transition:"fade"}); 

當我點擊圖片黑畫面出現，黑匣子，圖片必須放置，出現，圖標加載恆定旋轉和圖像不加載。沒有任何錯誤或消息。只有圖標加載。

我該如何解決這個問題？

Answer 1

試試這個代碼：

$(".images > .group1").colorbox({rel:'images', transition:"fade"}); 

Answer 2

試試這個：

<div style="text-align:center;"> 
    <div class='images'> 
     <a class="group1" rel="images" href="http://placehold.it/250x150" title="Фотография 1"><img src='http://placehold.it/250x150'></a> 
     <a class="group1" rel="images" href="/media/images/background.jpg"> <img src='http://placehold.it/250x150'></a> 
    </div> 
</div> 

我做什麼這裏 增加了rel屬性的圖像與價值images來滿足你的代碼。

注意：<center>已棄用。改爲使用<div style="text-align:center;">。

Answer 3

$(".images a").colorbox({rel:'group1', transition:"fade"}); 

相對應提及的類（ 「組1」），並且該插件被施加到<一個>元素，而不是< IMG>裏面

http://www.jacklmoore.com/colorbox/example3/