1

拼命想让同位素和无限卷轴一起工作......

同位素本身就可以正常工作。当我介绍 IS 时，同位素一直在工作，但是我得到了我不太理解的 jquery 错误（在 Chrome 开发工具中），当然，IS 不起作用。

目前的错误是：“找不到导航选择器”，所以我认为这可能与我的路径有关......

我认为这可能是两件事，1.我对正确语法的误解；2. IS的路径...

我的网址结构是： 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 和无限滚动 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>

希望有人可以提供帮助。

谢谢。

4

0 回答 0