InfiniteScroll(PaulIrish)和同位素以及jQuery和路径

InfiniteScroll(PaulIrish)和同位素以及jQuery和路径,jquery,infinite-scroll,Jquery,Infinite Scroll,拼命想让同位素和宇宙飞船一起工作 同位素本身就有作用。当我介绍IS时,同位素一直在工作,但我(在Chrome开发工具中)遇到jquery错误,我不太理解,当然,IS不工作 目前的错误是:“未找到导航选择器”,因此我认为这可能与我的路径有关 我想可能有两件事,一件。我对正确语法的误解;2.我们的道路是 我的URL结构是: 因此,下一页的链接是: 这些URL在.htaccess中解释为:$p=1 下面是我尝试使用的一些代码: 显然,我包括jquery、同位素和infinitescroll js文件

拼命想让同位素和宇宙飞船一起工作

同位素本身就有作用。当我介绍IS时,同位素一直在工作,但我(在Chrome开发工具中)遇到jquery错误,我不太理解,当然,IS不工作

目前的错误是:“未找到导航选择器”,因此我认为这可能与我的路径有关

我想可能有两件事,一件。我对正确语法的误解;2.我们的道路是

我的URL结构是:

因此,下一页的链接是:

这些URL在.htaccess中解释为:$p=1

下面是我尝试使用的一些代码:

显然,我包括jquery、同位素和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>

$(文档).ready(函数(){
$(“.fancybox”).fancybox({
openEffect:'无',
近距离效应:“无”
});
});
var$container=$(“#照片”);
$(函数(){
$container.imagesLoaded(函数(){
$container.com({
布局模式:“砌体”,
itemSelector:“.item”
});
});
});
$(函数(){
$(“#照片”)。无限滚动({
导航选择器:“div.page_nav”,
选择器:“div.page_nav a”,
项目选择器:“#照片分区项目”,
是的,
路径解析:['/page',']
},
//触发器作为回调
函数(新元素){
$newElems.imagesLoaded(函数(){
$container.同位素('added',$newElems);
});
}
);
});
希望有人能帮忙


谢谢。

好的,看来很简单<代码>选择器>下一个选择器现在只需在加载新项目时正确安排项目即可。。。