Colorbox JQuery, ColorBox не показывая или удвоению

Question

У меня есть проблема с ColorBox:

У меня есть страница, которая будет получать часть его содержимого с помощью AJAX. Теперь в этом ajax извлеченном содержимом есть также ссылки Colorbox. Теперь эти ссылки не работают, или, скорее, говорят, что первый клик не будет работать (но приведет к ссылке в браузере, кроме ссылки внутри colorbox), теперь после первого щелчка (который не будет работать так, как описано выше) , нажав кнопку «Назад» браузера, все дальнейшие ссылки будут отображаться - по желанию - в colorbox.

Я пробовал несколько браузеров со всем, имеющим одинаковый результат. Поэтому я подумал - тем более, что после того, как я ошибался, работая правильно, это, вероятно, может быть проблемой наличия библиотеки colorbox в кеше. Так что я пытался добавить эту строку кода (находясь на главной странице, за исключением в любом случае) в АЯКС извлеченное содержимое

<script type="text/javascript" src="/js/jquery.colorbox-min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$(".cbDetails").colorbox(); 
} 
</script> 

, что приводит к ошибке объясняется выше, не происходит больше, а в два раза и trippling в ColorBox слои так сказать, что означает, что после того, как вы нажмете две разные линии колонок, вам понадобится 2 щелчка, чтобы закрыть цветной бокс, после того, как вы нажмете 3 разных колокола, вам понадобится 3 щелчка, чтобы закрыть эти третий цветной бокс и так далее.

---

Как мне просили сделать это, вот соответствующий код:

Теперь это главная страница, в том числе:

<script type="text/javascript">var currentTime = '<? print date("F d, Y H:i:s", time())?>';</script> 
<script type="text/javascript" src="/js/jquery.min.js"></script> 
<script type="text/javascript" src="/js/jquery.colorbox-min.js"></script> 
<script type="text/javascript" src="/js/superfish.js"></script> 
<script type="text/javascript" src="/js/custom.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".cbDetails").colorbox(); 
}); 
</script> 

, а также в теле то, что:

echo '<a href=\'cb.script.php?do=order&id='.$check['id'].'&prod='.$check['prod'].'\' class="cbDetails"><button style="width:60px;" class="order" title="Ordern">Ordern</button></a>'; 

, который будет создавать работу из хорошо. Но если у меня есть вторая часть, так что один:

echo '<a href=\'cb.script.php?do=order&id='.$check['id'].'&prod='.$check['prod'].'\' class="cbDetails"><button style="width:60px;" class="order" title="Ordern">Ordern</button></a>'; 

быть размещены на той же странице AJAX не будет больше работать (имея, что AJAX имеет решающее значение для меня).

Answer 1

Возможно, вы используете класс для выбора, $(".cbDetails").colorbox(); применим ко всем элементам этого класса и откроет много окон во время описания. Попробуйте настроить целевые клики более конкретно на id или $(this).

$(document).ready(function(){ 
    $(".cbDetails").on("click", function() 
    {$(this).colorbox();}); 
});