AJAX 호출로로드 된 이미지를 볼 수없는 Jquery Cycle Lite 플러그인

Question

AJAX를 통해 추가 된 일부 이미지에서 jquery cycle lite 플러그인을 사용하는 데 문제가 있습니다.

$(function() { 
       resizeWindow(); 
       $(window).bind("resize", resizeWindow);  

       $("#assignment-nav").accordion({ 
        header: "h3", 
        autoHeight: false 
       }); 

       $(".project").click(function() { // get the HTML and load into div 
        $('.image-holder').empty(); 
        var justTheNumber = $(this).attr('id').replace('project-',''); 
        $.get("get_project_images.php", 
         {project_id:justTheNumber}, 
         function(data){ 
          $('.image-holder').append(data); 
         }       
        ); 

        $(".image-holder").cycle({ // Cycle plugin 
          prev: '#prev', 
          next: '#next', 
          timeout: 0, 
          speed: 250 
        }) 
       }); 
      }); 

내 코드는 그 IMG 태그로드 및 슬라이드 쇼의 첫 번째 이미지가 표시됩니다에서 잘 작동 : 여기

는 jQuery 코드입니다. 그러나 이전/다음 버튼이 작동하지 않습니다.

정적 HTML을 통해 이미지를로드 할 때 슬라이드 쇼 이전/다음 링크가 올바르게 작동합니다. (방금 생성 된 HTML을 복사하여 붙여 넣었습니다.)

Cycle Plugin에 새 이미지를 표시하려면 .bind 또는 .live와 같은 것을 사용해야한다는 것을 알고 있습니다. 내가 생각할 수있는 모든 것을 시도했지만 제대로 작동시킬 수는 없습니다.

내가 뭘 잘못하고 있니?

Answer 1

Cycle Lite를 사용 중이더라도 Cycle 플러그인 설명서가 계속 작동해야합니다. 그래서 this addSlide method을 시도 했습니까?

그 중 몇 가지가 있습니다 : other demos도 있습니다.