Tumblr Like Button with Infinite Scroll - 滚动后的不稳定行为

时间:2015-04-09 12:52:36

标签: javascript jquery ajax tumblr

我使用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);
        });
    });
});

0 个答案:

没有答案