Tumblr jQuery分页

Tumblr jQuery分页,jquery,pagination,tumblr,Jquery,Pagination,Tumblr,我试图在我的网站上对Tumblr的API v1输出进行分页。我有jQuery代码,它在显示内容时运行良好,但是,出于组织目的,我需要允许它被拆分和分页。第一个代码框在以下情况下调用API: 首先,我将控件添加到html文档中 <div id='controls'> <a href="#" id='next'>next</a>:<a href="#" id='previous'>previous</a> </div&

我试图在我的网站上对Tumblr的API v1输出进行分页。我有jQuery代码,它在显示内容时运行良好,但是,出于组织目的,我需要允许它被拆分和分页。第一个代码框在以下情况下调用API:


首先,我将控件添加到html文档中

  <div id='controls'>
    <a href="#" id='next'>next</a>:<a href="#" id='previous'>previous</a>
  </div>
最后,在reloadTumblr()中,您需要更新$.tumblr.url以包含新的tumblrPaginate值:

  function reloadTumblr(){
     $("#tumblrFeed").empty();
     $("#tumblrFeed").append("<div class='body'>loading Tumblr</div>");
     $.tumblr.url = 'http://wisdmlab.tumblr.com/api/read/json?callback=?&num=' +
                    tumblrpostCount +'&start=' + tumblrPaginate + '';
     (....)
     }
函数重载tumblr(){
$(“#tumblrFeed”).empty();
$(“#tumblrFeed”).append(“加载Tumblr”);
$.tumblr.url='1http://wisdmlab.tumblr.com/api/read/json?callback=?&num=' +
tumblrpostCount+'&start='+tumblrPaginate+'';
(....)
}

我无法让JSFIDLE工作,所以我将其上传到我的网站:,。

谢谢您的帮助!我看到该示例在您的网站上按需要运行。我尝试使用您提供的修改过的js-only文件,但它没有显示。你认为这是因为我在本地(通过wamp)加载文件吗?实际上,我认为这只是我的一个路径问题。另外,我注意到日期没有按预期的那样工作。我会自己想办法,但你知道为什么吗?“在dddd,MMMM d,yyyy上发布”是我看到的与发布的实际日期相反的内容。对于日期问题,很抱歉,只需在
formattate(d){}
中取消注释
return d.toString('ddddddddd,MMMM d,yyyy')
,并删除我返回字符串的行,它应该像以前一样工作。我把它注释掉了,因为我似乎遗漏了您已经有的一个脚本,与问题无关。我尝试从
函数formatDate(d){//return d.toString('ddddd,MMMM d,yyyyy')中取消注释
//return d.toString('ddddd,MMMM d,yyyy');并删除
return ddddd,MMMM d,yyyyyy',MMMM d,yyy′
因此它将读取
函数formatDate(d){return('dddddd,MMMM d,yyyy')}
但当我这样做时,不会显示任何新闻文章。对不起,我希望我对我的要求不是太苛刻。你帮了我很大的忙,但我的Javascript/jQuery知识有限。没有问题:
函数formatDate(d){return d.toString('ddddd,MMMM d,yyyy');}
应该是这样读的
    $(document).ready(function() {
         (...)
         $.tumblr.imagePath = '..//testscripts/tumblr-jquery-master/img/';
         $.tumblr.postCount = 0;

         $('#next').on( "click", function (e) {
             e.preventDefault();
             tumblrPaginate += 5;
             reloadTumblr();
         });
         $('#previous').on( "click", function (e) {
             e.preventDefault();
             if(tumblrPaginate>=5){
                  tumblrPaginate -= 5;
                  reloadTumblr();
             }
         });
         reloadTumblr();
    });
  function reloadTumblr(){
     $("#tumblrFeed").empty();
     $("#tumblrFeed").append("<div class='body'>loading Tumblr</div>");
     $.tumblr.url = 'http://wisdmlab.tumblr.com/api/read/json?callback=?&num=' +
                    tumblrpostCount +'&start=' + tumblrPaginate + '';
     (....)
     }