title: InfiniteScroll (PaulIrish) and Isotope and jQuery and Paths
body: <p>Desperately trying to get isotope and infinitescroll to work together...</p>
  
  <p>Isotope works on its own fine. When I introduce IS, isotope keeps working, but I get jquery errors (in Chrome dev tools) which I don't quite understand and, of course, IS does not work.</p>
  
  <p>The error at the moment is: "Navigation selector not found", so I think this might be to do with my path...</p>
  
  <p>I think it might be 2 things, 1. My misunderstanding of the correct syntax; 2. the path for IS...</p>
  
  <p>My URL structure is: <a href="http://mysite.org/tag-gal/tag1/tag2/tag3/page1" rel="nofollow">http://mysite.org/tag-gal/tag1/tag2/tag3/page1</a></p>
  
  <p>So the link for the next page is: <a href="http://mysite.org/tag-gal/tag1/tag2/tag3/page2" rel="nofollow">http://mysite.org/tag-gal/tag1/tag2/tag3/page2</a></p>
  
  <p>These URLs are interpretted within .htaccess to rewrite to: <a href="http://mysite.org/tag-gal/index.php?t=/tag1/tag2/tag3/&amp;" rel="nofollow">http://mysite.org/tag-gal/index.php?t=/tag1/tag2/tag3/&amp;</a>$p=1</p>
  
  <p>below is some code that I am trying to use:</p>
  
  <p>Obviously I include jquery, isotope and infinitescroll js files.</p>
  
  <pre><code>  &lt;div id="photos"&gt;
       &lt;div class="item thumb"&gt;
           &lt;a class="fancybox" rel="gallery1" href="img/15_pv.jpg"&gt;&lt;img src="img/15_th.jpg"&gt;&lt;/a&gt;
       &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="page_nav"&gt;
      &lt;a href="http://mysite.org/tag-gal/page2"&gt;Next&lt;/a&gt;
    &lt;/div&gt;
  
  
    &lt;script type="text/javascript"&gt;
            $(document).ready(function() {
              $(".fancybox").fancybox({
              openEffect  : 'none',
                closeEffect   : 'none'
              });
            });
    &lt;/script&gt;
  
  
    &lt;script&gt;
      var $container = $('#photos');
      $(function(){
        $container.imagesLoaded( function(){
          $container.isotope({
            layoutMode: 'masonry',
            itemSelector: '.item'
          });
        });
      });
    &lt;/script&gt;
  
    &lt;script&gt;
      $(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 );
          });
        }
      );
      });
    &lt;/script&gt;
  </code></pre>
  
  <p>Hope someone can help.</p>
  
  <p>Thanks.</p>