jQueryページネーションがトリガーされた後にライトボックスが機能しなくなりました（jQueryとライトボックスの競合）

Question

私たちは同時に2つのスクリプト、prettyPhotoとjQuery paginationを使用しています。ページが最初に読み込まれると、両方のスクリプトが動作しています。しかし、ページ2のページ2をクリックすると、ライトボックスは表示されなくなりますが、1ページから次のページに移動できます。これらは、両方のための初期化スクリプトです：

jQueryのページネーション：

<script type="text/javascript"> 

      // This is a very simple demo that shows how a range of elements can 
      // be paginated. 
      // The elements that will be displayed are in a hidden DIV and are 
      // cloned for display. The elements are static, there are no Ajax 
      // calls involved. 

      /** 
      * Callback function that displays the content. 
      * 
      * Gets called every time the user clicks on a pagination link. 
      * 
      * @param {int} page_index New Page index 
      * @param {jQuery} jq the container with the pagination links as a jQuery object 
      */ 
      function pageselectCallback(page_index, jq){ 
       var new_content = jQuery('#hiddenresult div.result:eq('+page_index+')').clone(); 
       $('#Searchresult').empty().append(new_content); 
       return false; 
      } 

      /** 
      * Initialisation function for pagination 
      */ 
      function initPagination() { 
       // count entries inside the hidden content 
       var num_entries = jQuery('#hiddenresult div.result').length; 
       // Create content inside pagination element 
       $("#Pagination").pagination(num_entries, { 
        callback: pageselectCallback, 
        items_per_page:1 // Show only one item per page 
       }); 
      } 

      // When document is ready, initialize pagination 
      $(document).ready(function(){     
       initPagination(); 
      }); 
</script> 

prettyPhoto：

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
    }); 
</script> 

衝突がどこにあるのか誰もが知っていますか？ありがとう。

Answer 1

を使用してみてください私は（私は別のフォーラムで見つかった）私の問題への解決策を見つけた：

私はちょうど$（ "[REL^= 'prettyPhotoを挿入する必要があります'] "）。prettyPhoto（）;そのような関数のpageselectCallback内側：

function pageselectCallback(page_index, jq){ 
       var new_content = jQuery('#hiddenresult div.result:eq('+page_index+')').clone(); 
       $('#Searchresult').empty().append(new_content); 
       $("a[rel^='prettyPhoto']").prettyPhoto(); 
       return false; 
      } 

私はそれhereに答え男に+1を与えることができれば。 :)

Answer 2

はjqueryの.delegate()に

$("a").delegate("[rel^='prettyPhoto']", "load", function() 
    { 

     $("a[rel^='prettyPhoto']").prettyPhoto(); 

    });