【发布时间】:2014-07-08 17:28:50
【问题描述】:
首先,我想对我糟糕的英语说声抱歉。我正在尝试开发一个 tumblr 主题,并添加一个“加载更多”按钮。我使用 JavaScript 来确定当前页面和下一个页面。当按下“加载更多”按钮时,我使用 jQuery 向下一个 tumblr 页面前 (sitename.tumblr.ro/page/next-page) 发出请求,获取 html,提取帖子 html 并将其附加到当前页面。但问题是like 按钮在附加的帖子上不起作用。当我单击按钮时,注意到正在发生。光标甚至没有指向...这是我的 javascript 代码:
var $holder = $('div.posts_holder');
var page = null;
$(document).on('click','div.loading_more.loading_trigger',function(){
if(page == null)
{
page = window.location.href.search('page') > -1 ? window.location.href.split('/')[window.location.href.split('/').length-1] : 1;
}
page = Number(page)+1;
$(this).text('Please Wait..');
var load_page = '{BlogURL}page/'+page;
var $saved = $(this);
//get the page
$.get(load_page,function(response)
{
var $append_html = $(response).find('div.posts_holder');
if($append_html.html().replace(' ','').trim() == '')
{
$saved.removeClass('loading_trigger');
}
$saved.text('Loading More');
$holder.append($append_html.html()).masonry();
$holder.masonry( 'reloadItems' );
$holder.masonry( 'layout' );
setTimeout(function(){
$holder.masonry( 'reloadItems' );
$holder.masonry( 'layout' );
},800);
});
});
【问题讨论】:
-
您是否在控制台中遇到错误?
-
不,我不是。我刚刚找到了答案:当进行 ajax 调用以添加新帖子时,您需要告诉 tumblr 您已使用此行添加了新帖子:Tumblr.LikeButton.get_status_by_page(page);其中“page”是您刚刚添加的页数。
-
@user3817462 澄清一下,您希望点赞按钮在您加载了 ajax 的新帖子上工作?发布您的答案,我会清理问题。谢谢,祝你好运! :D
-
是的,没错!我必须等待 8 小时 :) 之后我会发布我的答案。谢谢你的支持 。希望我的回答对部分用户有所帮助。