我正在设计一个同时使用砌体和无限滚动代码的tumblr主题。 The infinite scrolling code is here,如果你需要查看它。类似的按钮在所有帖子上正确显示,并在前几个帖子上工作,但不适用于新加载的帖子。Tumblr Like Button Not Working
每个帖子都添加了{PostID}标识。我有JavaScript的一个真正的穷人的理解,所以我认为这是问题的所在:
$(function(){
var $container = $('#content');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.entry',
isAnimated:true,
columnWidth:1,
animationOptions:{duration:350, queue:false},
isFitWidth: true,
});
});
$container.infinitescroll({
navSelector : '#page-nav', // selector for the paged navigation
nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
itemSelector : '.entry', // selector for all items you'll retrieve
loading: {
finishedMsg: '{lang:No more posts}',
img: 'http://24.media.tumblr.com/tumblr_m3j5g3KlEm1r0fipko8_r1_100.gif'
}
},
// trigger Masonry as a callback
function(newElements){
// hide new items while they are loading
var $newElems = $(newElements).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
// show elems now they're ready
$newElems.animate({ opacity: 1 });
isAnimated:true
$container.masonry('appended', $newElems, true);
});
// videos
$newElems.find('.video').each(function(){
resizeVideos();
console.log($newElems, $newElemsIDs);
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
},
function(){
$container.masonry();
});
}
);
});
任何帮助将不胜感激!
您有一个额外的** **逗号在这一行的结尾:'isFitWidth:true,'它应该是这样的:'isFitWidth:true' – EhsanT
@EhsanT谢谢!我已修复此错误,但类似的按钮仍然无法正常工作。 –
请参阅这样的回答:http://stackoverflow.com/a/16396022/1238244 – lharby