砖石/无限卷轴包含tumblr主题不工作?我做错了什么



我正在尝试创建一个包含的主题,该主题有两列,并具有无限滚动功能,但两者都做不到。

$(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/

从所有教程来看,一切似乎都在正确的位置。因为这是一个包含的主题,我需要做一些不同的事情吗?

您的navselector.pagin,但您没有具有该名称的类,您的HTML中有一个pagin id。查看navselector并确保它指向正确的元素。

最新更新