一直在使用Paul Irish无限卷轴来创建我已建成的最后几个网站,但这个新项目对新元素有很多新的回调。
现在的问题是"没有更多的帖子"完成的消息未显示一旦到达站点的互联网结束,并且在加载间隔期间也没有显示加载图像。
想知道是否有人能在代码中找到我无法看到的东西。非常感谢!
//Infinite Scroll
var $tilegrid = $('#content');
var $initialNumberOfPosts = $('.post').length; // Get number of posts
$tilegrid.infinitescroll({
navSelector: ".load-more-btn",
nextSelector: ".load-more-btn",
itemSelector: ".post",
behavior: 'twitter',
loading: {
finishedMsg: 'No more posts',
img: 'http://static.tumblr.com/cmghtlm/zWPnh0xhe/ajax-loader.gif',
}
},
function ( newElements ) {
//call for likes
var $currentNumberOfPosts = $('.post').length;
var pageNumber = Math.ceil($currentNumberOfPosts / $initialNumberOfPosts);
Tumblr.LikeButton.get_status_by_page(pageNumber);
//images loaded isotope
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.isotope( 'appended', $newElems, true );
});
//photoset slider
$('.photoset-slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});
});