jquery - InfiniteScroll (PaulIrish) と Isotope と jQuery とパス

Question

同位体と無限スクロールを連携させようと必死に試みています...

同位体はそれ自体でうまく機能します。IS を導入すると isotope は機能し続けますが、よくわからない jquery エラー (Chrome 開発ツールで) が発生し、もちろん IS は機能しません。

現時点でのエラーは「ナビゲーションセレクターが見つかりません」であるため、これは私のパスに関係している可能性があると思います...

1.正しい構文についての私の誤解。2.ISのパス...

私の URL 構造は次のとおりです: http://mysite.org/tag-gal/tag1/tag2/tag3/page1

次のページへのリンクは次のとおりです: http://mysite.org/tag-gal/tag1/tag2/tag3/page2

これらの URL は .htaccess 内で解釈され、次のように書き換えられます: http://mysite.org/tag-gal/index.php?t=/tag1/tag2/tag3/& $p=1

以下は、私が使用しようとしているコードです。

もちろん、jquery、isotope、infinitescroll js ファイルを含めます。

  <div id="photos">
     <div class="item thumb">
         <a class="fancybox" rel="gallery1" href="img/15_pv.jpg"><img src="img/15_th.jpg"></a>
     </div>
  </div>
  <div class="page_nav">
    <a href="http://mysite.org/tag-gal/page2">Next</a>
  </div>


  <script type="text/javascript">
          $(document).ready(function() {
            $(".fancybox").fancybox({
            openEffect  : 'none',
              closeEffect   : 'none'
            });
          });
  </script>


  <script>
    var $container = $('#photos');
    $(function(){
      $container.imagesLoaded( function(){
        $container.isotope({
          layoutMode: 'masonry',
          itemSelector: '.item'
        });
      });
    });
  </script>

  <script>
    $(function(){
    $("#photos").infinitescroll({
        navSelector : "div.page_nav",
        Selector : "div.page_nav a",
        itemSelector : "#photos div.item",
        debug: true,
        pathParse: ['/page', '']
      },

      // trigger Isotope as a callback 
      function( newElements ) {

        $newElems.imagesLoaded(function() {
          $container.isotope( 'appended', $newElems );
        });
      }
    );
    });
  </script>

誰かが助けてくれることを願っています。

ありがとう。