我想在我的 jquery 移动页面底部添加一个“加载更多”链接,这样当用户点击它时,它会使用 json api 从我的 wordpress 网站加载更多博客文章。
这是我的 js 代码:
function listPosts(data) {
var output='<ul data-role="listview" data-filter="true">';
$.each(data.posts,function(key,val) {
output += '<li>';
output += '<a href="#bpost" onclick="displayPost(' + val.id + ')">';
output += '<h3>' + val.title + '</h3>';
output += '<div class="postexcerpt">' + excerpt + '</div>';
output += '</a>';
output += '</li>';
}); // go through each post
output+='</ul>';
$('#postlist').html(output);
} // lists all the posts
我的html代码:
<!-- Page: blog -->
<div id="blog" data-role="page">
<div data-role="header" class="sys_header" data-position="fixed" data-id="sys_header" >
<h1>Sysads Posts</h1></div><!-- header -->
<div data-theme="c" data-role="content" id="postlist"> </div><!-- content -->
<div data-role="footer" data-position="fixed" data-id="sys_footer" >
<div data-role="navbar" >
<ul>
<li><a href="#blog" class="sys_ft">Home</a></li>
<li><a href="#blog" class="sys_ft">Disclaimer</a></li>
</ul></div><!-- navbar -->
</div><!-- footer -->
</div><!-- page -->
谢谢