jquery-mobile - 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(); }

});