ajaxを使用して画像をもっと読み込むprettyphotoは動作しません

Question

最初に私は3枚の写真をロードします、 "load more"をクリックしてからをクリックしてください。統合されたイメージスライダを開かず、イメージをフルサイズで開くだけです（通常のリンクのように）。コンソールにエラーは表示されません。

あなたがスクリプトの下に見つけることができます助けを事前に

<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(); 
      } 
     } 
    }); 
});