Tumblr'加载更多'按钮

时间:2014-07-08 17:28:51

标签: ajax tumblr

首先,我想对我糟糕的英语说抱歉。我正在尝试开发一个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);

    });  

});

1 个答案:

答案 0 :(得分:0)

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