jquery mobile不会因设备方向更改而保留在同一页面上

Question

我有一个与phonegap集成的jquery移动应用程序，可以在Android设备上部署，并在index.html文件中添加以下标记：

<div id="home" data-role="page">
     <div data-role="content">
          <a href="details.html?id=1">Details</a>
     </div>
</div>
<div id="about" data-role="page">
</div>

当我转到某个页面并更改设备方向时，它会重新播放到“主页”，并且不会在当前页面上进行重新播放。

同样在主页'pagecreate'事件中我检查一个条件，如果是真的，我将页面更改为关于页面，但我看到主页的'pagebeforeshow'事件被触发，我不希望它发生

$(document).on('pagecreate', '#home', function (e) {
    if (e) { 
        e.preventDefault(); 
    }

    if(condition){
        $.mobile.changePage( "#aboutus",null );
    }
    else
    {
        //
    }
});

$(document).on('pagebeforeshow', '#home', function (e) {
        if (e) { e.preventDefault(); }

});