2014-11-10 2 views
0

Я использую AJAX для загрузки контента из одного сообщения (Wordpress). На одной странице у меня есть изображение с jQuery Colorbox (https://wordpress.org/plugins/jquery-colorbox/). После добавления AJAX Colorbox перестала работать.jQuery Colorbox не работает с AJAX

AJAX:

$(document).ready(function(){ 
     $.ajaxSetup({cache:false}); 

     var hoverOrClick = function() { 

      var post_url = $(this).attr("href"); 

      $("#hide-ccontent").load(post_url); 
      return false; 
     } 

     $("#ccontent a").click(hoverOrClick).hover(hoverOrClick); 
}); 

Script скачать с: http://www.designlunatic.com/2011/06/dynamically-load-wordpress-posts-with-jquery/

Я пытался поставить в один код, как это:

<script src="jquery-1.11.0.min.js"></script> 
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script> 
<script> 
     $(document).ready(function(){ 

       $("a#lightbox").colorbox(); 
      }); 
</script> 

Иногда это работает, но это не полностью решить моя проблема.

ответ

0

Проблема решена. Драйвер Colorbox по умолчанию находится в заголовке. В моем случае было необходимо изменить местоположение на нижний колонтитул (вы можете сделать это в меню плагинов). Сейчас работает отлично.

single.php

$(document).ready(function(){ 

     $("a#lightbox").colorbox(); 
}); 
Смежные вопросы