我正在开发一个移动应用程序,以使用 json api 从 wordpress 加载我的所有博客文章。我刚刚注意到,当我发布新帖子时,它不会自动出现在我的手机上。
单击主页按钮时如何让页面加载新帖子:
代码:.js
function listPosts(data) {
$(document).on("pagebeforeshow", "#blog", function() {
$(this).find(".ui-listview-filter input").val("").trigger("change");
});
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 += '<p>' + val.excerpt + '</div>';
output += '</a>';
output += '</li>';
}); // go through each post
output+='</ul>';
$('#postlist').html(output);
} // lists all the posts
代码:.html
<div id="blog" data-role="page">
<div data-role="header" class="sys_hd" data-position="fixed" data-id="sys_header" >
<h1>Sysadmin 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 -->
谢谢