新博客帖子未自动加载

Question

我正在开发一个移动应用，使用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 -->

由于