我正在尝试创建一个包含的主题,该主题有两列,并具有无限滚动功能,但两者都做不到。
$(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
并确保它指向正确的元素。