使用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按鈕與無限滾動

回答

相關問題