Javascript 使用类似tumblr的按钮进行无限滚动
我正在尝试让tumblr按钮与无限滚动一起工作 下面是我的代码,它不工作 之后是一个可以工作的代码 我对Javascript不熟悉,所以我不知道如何将它们网格化以使其工作Javascript 使用类似tumblr的按钮进行无限滚动,javascript,tumblr,infinite-scroll,social-media-like,Javascript,Tumblr,Infinite Scroll,Social Media Like,我正在尝试让tumblr按钮与无限滚动一起工作 下面是我的代码,它不工作 之后是一个可以工作的代码 我对Javascript不熟悉,所以我不知道如何将它们网格化以使其工作 function( newElements ) { var $newElems = $(newElements); $newElems.hide(); $newElems.imagesLoaded(function(){ $wall.masonry( 'appended', $newEl
function( newElements ) {
var $newElems = $(newElements);
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function() {
$newElems.fadeIn('fast');
});
});
});
$('#posts').show(0);
});
这是一个有效的
function(newElements){
var $newElems = $(newElements).css("opacity","0").css("pointer-events","none");
$('.photoset-grid').photosetGrid({highresLinks: true,rel: $('.photoset-grid').attr('data-id'),gutter: '5px',onComplete: function(){}});
$('.photoset-grid,.lightbox').each(function() {
$(this).magnificPopup({delegate: 'a',type: 'image',gallery:{enabled:true},removalDelay: 200,mainClass: 'mfp-fade'});
});
var $newElemsIDs = $newElems.map(function (){return this.id;}).get();
$newElems.imagesLoaded(function(){
$newElems.css("opacity","1").css("pointer-events","auto");
$K.masonry('appended',$newElems,true);
console.log($newElems,$newElemsIDs);
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
});
});
谢谢你的帮助
编辑:我的完整代码
$(window).load(function(){
var $wall = $('#posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.entry, .entry_photo',
isAnimated : false
});
});
$wall.infinitescroll({
navSelector : '#pagination',
nextSelector : '#pagination a',
itemSelector : '.entry, .entry_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function() {$newElems.fadeIn('fast');} );
});
}); $('#posts').show(0);
});
没用。我已经包括了我的全部代码,以防它会引起错误difference@RukiaKuchki我在你的代码中看不到Tumblr.LikeButton?我可能会添加一个示例/任何错误消息。谢谢。我添加的完整代码(最后一个)没有“喜欢”按钮,因为我不知道如何使用它。中间的代码是我从其他人那里得到的代码作为例子。@RukiaKuchki是的,我相信代码来自我之前的答案:
function( newElements ) {
var $newElems = $(newElements);
// Get IDs for new Elements
var $newElemsIDs = $newElems.map(function (){return this.id;}).get();
$newElems.hide();
// Tell Tumblr we need new LikeButton statuses
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function() {
$newElems.fadeIn('fast');
});
});
$('#posts').show(0);
});