包含tumblr主题的砌体/无限滚动不起作用？我究竟做错了什么？

Question

我正在尝试创建一个包含两列并且具有无限滚动的包含主题但它不会执行任何操作。

$(function(){ 

  var container = $('#content');

  container.imagesLoaded( function(){
    container.masonry({
       itemSelector : '.posts'
    }); 
  });

    container.infinitescroll({<br>
    navSelector  : '.pagin',   
    nextSelector : '.pagin a',
    itemSelector : '.posta',
    loading: {
      finishedMsg: 'No more pages to load.',
      img: 'http://i.imgur.com/6RMhx.gif'
    }
  }, function( newElements ) {

    var $newElems = $( newElements ).css({ opacity: 0 });

    $newElems.imagesLoaded(function(){
      $newElems.animate({ opacity: 1 });
      container.masonry( 'appended', $newElems, true );
    });

  }); 

}); 

示例：http://asdfghjklbnmqwertyuiop.tumblr.com/

所有教程中的所有内容似乎都在正确的位置我是否需要做一些不同的事情，因为它是一个包含的主题？

Answer 1

您的navselector是.pagin但是您没有具有该名称的课程，您的HTML中有pagin个ID。看看navselector并确保它指向正确的元素。