Usando o Tumblr como botão com rolagem infinita

Estou tentando usar o novo Tumblr como botões dentro do Infinite Scroll (permitindo que seu tema seja um botão similar em posts individuais do Tumblr da página inicial) eles trabalham para os primeiros 15 posts da primeira ‘página’ mas então assim que carrega outro página o botão like pára de funcionar. Estas são as instruções fornecidas pelo Tumblr na página do Documentos:

Função: Tumblr.LikeButton.get_status_by_page (n)
Descrição: Chame esta function depois de solicitar uma nova página de Posts. Obtém o número da página que acabou de ser carregado como um inteiro.

Função: Tumblr.LikeButton.get_status_by_post_ids ([n, n, n])
Descrição: solicitar status como para postagens individuais. Recebe uma variedade de IDs de postagem.

Como não tenho certeza de como aplicar corretamente o JQuery, não tenho certeza de onde adicionar essas funções, aqui está o meu JS para o meu tema atual:

// 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://sofpt.miximages.com/scroll/257__1_.gif' } }, function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); }); 

Primeiro, você precisa adicionar um ID de postagem exclusivo a cada uma das suas postagens:

 
...

A documentação menciona a solicitação do status semelhante assim que as novas postagens (ou nova página) forem anexadas / carregadas:

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

Espero que você esteja na direção certa.

Intereting Posts