我使用Tumblr嵌入式按钮{LikeButton},masonry.js和infinitescroll.js的组合。昨天我遇到了一个问题,滚动到下一组帖子会使前一组的类似按钮无法点击。这似乎是一个普遍的问题;我找到this question并尝试实施其答案,有时似乎有效 - 但并非总是如此!
我想知道砖石中是否存在使其不起作用的东西?这是我的所有jquery,包括Masonry,Infinite Scroll等按钮代码。有什么我做错了吗?每个' .post'根据上面的链接问题分配了一个ID。
实时测试网站为here。
$(function() {
var $container = $('.posts').css({
opacity: 0
});
$container.imagesLoaded(function() {
$container.animate({
opacity: 1
});
$container.masonry({
itemSelector: '.post',
gutter: 0,
columnWidth: function( containerWidth ) {
return containerWidth / 3;
}
});
});
$container.infinitescroll({
navSelector: '.pagination',
nextSelector: '.pagination li a.pagination_nextlink',
itemSelector: '.load',
loading: {
img: 'http://static.tumblr.com/jw8fmba/NRWlvha2e/loady.gif',
donetext: ''
}
}, function(newElements) {
var $newElems = $(newElements).css({
opacity: 0
});
$newElems.imagesLoaded(function() {
$newElems.animate({
opacity: 1
});
$container.masonry('appended', $newElems, true);
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
});
});
});