【问题标题】:Tumblr 'loading more' buttonTumblr“加载更多”按钮
【发布时间】: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 小时 :) 之后我会发布我的答案。谢谢你的支持 。希望我的回答对部分用户有所帮助。

标签: ajax tumblr


【解决方案1】:

我找到了答案。你必须添加 :Tumblr.LikeButton.get_status_by_page(page);添加新项目后添加到您的 javascript 中,其中“page”是您刚刚添加的页数。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-21
    • 1970-01-01
    • 2015-07-19
    • 2017-07-22
    • 2019-03-17
    相关资源
    最近更新 更多