Tumblr Like Button mit Infinite Scroll benutzen
Ich versuche, die neuen Tumblr-ähnlichen Schaltflächen in Infinite Scroll zu verwenden (die Ihrem Thema eine ähnliche Schaltfläche für einzelne Tumblr-Beiträge auf der Startseite ermöglichen). Sie funktionieren für die ersten 15 Beiträge der ersten "Seite", sobald jedoch eine andere geladen wird Seite die Like-Taste funktioniert nicht mehr. Dies sind die Anweisungen von Tumblr auf der Docs-Seite:
Funktion: Tumblr.LikeButton.get_status_by_page (n)
Beschreibung: Rufen Sie diese Funktion auf, nachdem Sie eine neue Seite mit Beiträgen angefordert haben. Nimmt die soeben geladene Seitenzahl als Ganzzahl.
Funktion: Tumblr.LikeButton.get_status_by_post_ids ([n, n, n])
Beschreibung: Request Like Status für einzelne Beiträge. Nimmt eine Reihe von Post-IDs.
Da ich nicht sicher bin, wie ich JQuery richtig anwenden soll, bin ich mir nicht sicher, wo ich diese Funktionen hinzufügen soll. Hier ist mein JS für mein aktuelles Thema:
// 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
);
});
});