Tumblr jQuery分页
我试图在我的网站上对Tumblr的API v1输出进行分页。我有jQuery代码,它在显示内容时运行良好,但是,出于组织目的,我需要允许它被拆分和分页。第一个代码框在以下情况下调用API: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&
首先,我将控件添加到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 + '';
(....)
}