Colorbox открывается дважды/умножение

Question

У меня проблема с colorbox. Я хочу открыть страницу в WP с помощью colorbox. На странице есть несколько изображений с разным размером (пейзаж & портрет), поэтому ширина и высота цветной коробки должны быть гибкими. Использование defaultTypeType работает, но когда я щелкнул изображение на второй раз, кажется, что последний 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(); когда вы хотите, чтобы первый лайтбокс закрывался.