使用的tumblr Like按钮与无限滚动(Using Tumblr Like Button wit

2019-09-02 00:57发布

我试图使用新的tumblr像无限滚动(允许你的主题从主页上个人的tumblr职位像按钮),他们的第一个页面“的第一个15个职位尽快工作,但随后内的按钮,因为它加载另一个页面类似按钮停止工作。 这些是的tumblr的文档页面上提供的说明:

功能:Tumblr.LikeButton.get_status_by_page(n)的
说明:请求帖子的新页面后调用此函数。 注意到刚加载为整数的页码。

功能:Tumblr.LikeButton.get_status_by_post_ids([N,N,N])
说明:要求如个别职位的状态。 取后的ID的数组。

由于我不知道如何正确运用JQuery的我不知道在哪里添加这些功能,这是我对我目前的主题JS:

    // MASONRY
    var $container = $('#content');

    $container.imagesLoaded( function(){
        $container.masonry({
            itemSelector: '.entry',
            columnWidth: 220
        });
    });

    // INFINITE SCROLL
    $container.infinitescroll({
        navSelector  : '#pagination',
        nextSelector : '#pagination li a.pagination_nextlink',
        itemSelector : '.entry',
        loading: {
            img: 'http://static.tumblr.com/glziqhp/K37m9yaub/257__1_.gif'
        }
    },

    function( newElements ) {
        var $newElems = $( newElements ).css({
            opacity: 0
        });
        $newElems.imagesLoaded(function(){
            $newElems.animate({
                opacity: 1
            });
            $container.masonry(
                'appended', $newElems, true
            ); 
        });
    });

Answer 1:

首先,你需要一个唯一的ID后添加到您的每一个帖子:

<div class="entry masonry-brick" id="{PostID}">...</div>

说明文档中提到,要求一旦新的职位(或新页)般的地位已被追加/加载:

function( newElements ) {
    var $newElems = $( newElements ).css({
        opacity: 0
    });

    // Create Array of $newElems IDs
    var $newElemsIDs = $newElems.map(function () { 
        return this.id; 
    }).get();

    $newElems.imagesLoaded(function(){
        $newElems.animate({
            opacity: 1
        });
        $container.masonry(
            'appended', $newElems, true
        );

        // Let's just see what we have, remove console.log() if working
        console.log($newElems, $newElemsIDs);


        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
    });
});

我希望点你在正确的方向。



文章来源: Using Tumblr Like Button with Infinite Scroll