Using Tumblr Like Button with Infinite Scroll

by

First you need to add a unique post ID to each of your posts:

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

The documentation mentions requesting the like status once the new posts (or new page) has been appended / loaded:

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);
    });
});

I hope that points you in the right direction.

More Related Contents:

  1. Scroll to the top of the page after render in react.js
  2. Angular 2 Scroll to bottom (Chat style)
  3. Continuous Looping Page (Not Infinite Scroll)
  4. How do I correctly pass a “cell item” to a .sheet from a SwiftUI LazyVGrid?
  5. scrollintoview animation
  6. How can I make a div stick to the top of the screen once it’s been scrolled to?
  7. Detecting scroll direction
  8. Scroll to a div using jQuery
  9. jQuery Scroll to bottom of page/iframe
  10. CSS – Overflow: Scroll; – Always show vertical scroll bar?
  11. android: ViewPager and HorizontalScrollVIew
  12. Is it possible to implement smooth scroll in a WPF listview?
  13. Detect when RecyclerView reaches the bottom most position while scrolling
  14. Disable arrow key scrolling in users browser
  15. Detect if a page has a vertical scrollbar?
  16. overflow:scroll; in
  17. jquery – keep window from changing scroll position while prepending items to a list?
  18. jQuery load content when scroll to bottom-100px of page, multiple events fired
  19. Synchronize Scroll Position of two RichTextBoxes?
  20. WPF ListBox with a ListBox – UI Virtualization and Scrolling
  21. jQuery trigger when 2/3s of div are in viewport
  22. Tracking scroll position and notifying other components about it
  23. iPhone UIScrollView Speed Check
  24. Prevent a centered layout from shifting its position when scrollbar appears
  25. CSS: background image does not fill when scrolling
  26. ScrollIntoView for WPF DataGrid (MVVM)
  27. jQuery: detecting reaching bottom of scroll doesn’t work, only detects the top
  28. Horizontal scrolling with mouse wheel in a div
  29. 100% DIV width is not really 100%
  30. Handling scroll event on listview in c#

Leave a Comment