아약스 prettyphoto를 사용하여 부하 이상의 이미지가에서

Question

먼저 난을 클릭 한 후 3 개 사진, 로드 작동하지하면서 "로드보다"다른 3 개 사진 아약스 에 의해 가져온 얻을하지만 난이 가져온 사진 예쁜 사진을 클릭하면 작동하지 않습니다 그것은 통합 된 이미지 슬라이더를 열지 않고 전체 크기로 이미지를 엽니 다. (일반 링크처럼) 콘솔에는 오류가 표시되지 않습니다.

스크립트를 검색 할 수 있습니다 도움에 미리

<script type="text/javascript"> 
    $(document).on('click', '.loadmore', function() 
    { 
     $(this).text('Loading...'); 
     var ele = $(this).parent('li'); 
     $.ajax({ 
      url: 'loadmore.php', 
      type: 'POST', 
      data: 
      { 
       page:$(this).data('page'), 
      }, 
      success: function(response) 
      { 
       if(response) 
       { 
        ele.hide(); 
        $(".news_list").append(response); 
       } 
      } 
     }); 
    }); 
</script> 

덕분에 ...

Answer 1

을 당신이 DOM에 동적으로 항목을 추가하기 때문에, 당신은 당신의 예쁜 사진 인스턴스를 다시 초기화했습니다. 그런

뭔가가 읽을 수있어,

$(document).on('click', '.loadmore', function() 
{ 
    $(this).text('Loading...'); 
    var ele = $(this).parent('li'); 
    $.ajax({ 
     url: 'loadmore.php', 
     type: 'POST', 
     data: 
     { 
      page:$(this).data('page'), 
     }, 
     success: function(response) 
     { 
      if(response) 
      { 
       ele.hide(); 
       $(".news_list").append(response); 
       $("a[rel^='prettyPhoto']").prettyPhoto(); 
      } 
     } 
    }); 
});