jQuery Colorbox가 AJAX에서 작동하지 않습니다.

Question

저는 AJAX를 사용하여 단일 게시물 (Wordpress)에서 콘텐츠를로드하고 있습니다. 단일 페이지에서 나는 jQuery Colorbox (https://wordpress.org/plugins/jquery-colorbox/)로 이미지를 가지고 있습니다. AJAX Colorbox를 추가 한 후 작업이 중단되었습니다. 나는이 같은 단일 코드에 넣어하려고 http://www.designlunatic.com/2011/06/dynamically-load-wordpress-posts-with-jquery/

:

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 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> 

작동하지만 완전히 해결되지 않는 내 문제.

Answer 1

문제가 해결되었습니다. Colorbox 스크립트는 기본적으로 헤더에 있습니다. 필자의 경우에는 바닥 글 위치를 변경해야합니다 (플러그인 메뉴에서 할 수 있습니다). 이제 잘 작동합니다.

Single.php

$(document).ready(function(){ 

     $("a#lightbox").colorbox(); 
});