使用Tumblr Like按钮与无限滚动

我试图使用新的Tumblr像无限滚动内的按钮（让您的主题像个人Tumblr帖子从主页上的按钮）他们工作的第一个15个职位的第一个'页面“，但是一旦它加载另一页面，像按钮停止工作。这些是的tumblr的文档页面上提供的说明：使用Tumblr Like按钮与无限滚动

功能：Tumblr.LikeButton.get_status_by_page（N）
说明：请求帖子的新页面后调用此函数。采用刚刚加载为整数的页码。

功能：Tumblr.LikeButton.get_status_by_post_ids（[n，n，n]）
描述：Request个人帖子的状态。获取一系列帖子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 
      ); 
     }); 
    });

来源

2013-05-05 andbamnan

首先，你需要添加一个唯一后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); 
    }); 
});

我希望你指出正确的方向。

来源

2013-05-06 09:45:21 mikedidthis

非常感谢您的帮助，不幸的是这并没有奏效。这里是我的Tumblr：http://andbamnan.tumblr.com如果你从Tumblr注销/没有帐户，那么它工作正常（我想象，因为他们只是变成了通用的“注册Tumblr”链接）但是一旦你登录了心，就不会在第一页之后出现。 – andbamnan 2013-05-08 22:17:59

重新阅读文档后更新了我的答案。 – mikedidthis 2013-05-09 07:03:17

你是冠军mikedidthis，工作就像一个魅力。谢谢哥们！ – Dan 2015-03-21 22:11:08

使用Tumblr Like按钮与无限滚动

回答

相关问题