Colorbox打開兩倍/乘法

Question

我在使用colorbox時遇到了問題。我想通過colorbox在WP中打開附件頁面。該頁面具有多個不同尺寸的圖像（橫向&縱向），因此彩盒的寬度和高度必須靈活。使用默認的dataType正在工作，但是當我第二次點擊圖像時，似乎最後一個colorbox沒有正確關閉。因此它有兩個colorbox運行。每次單擊圖像時，colorbox都會進行乘法運算。任何想法如何解決這個問題？謝謝。

<script> 
    $(document).ready(function(){ 
    $('.lightbox').colorbox(); 
    }); 
</script> 


<div class='image-wrap'> 
    <dl class='gallery-item'> 
    <dt class='gallery-icon'> 
     <a class="lightbox" href='http://localhost/Maize/?attachment_id=122' title='8'> 
     <img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/8-250x190.jpg" class="attachment-thumbnail" alt="8" /> 
     </a> 
    </dt> 
    </dl> 
    <dl class='gallery-item'> 
    <dt class='gallery-icon'> 
     <a class="lightbox" href='http://localhost/Maize/home/home-page/attachment/7/' title='7'> 
     <img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/7-250x190.jpg" class="attachment-thumbnail" alt="7" /> 
     </a> 
    </dt> 
    </dl> 
</div> 

Answer 1

在打開新的colorbox之前，您是否關閉了前一個？如果沒有，你可以嘗試調用$ .colorbox.close（）;當你想要第一個燈箱關閉。