Jquery mobile Jquery移动设备通过更改屏幕方向跳转到起始页_Jquery Mobile_Screen Orientation_Multipage

Jquery mobile Jquery移动设备通过更改屏幕方向跳转到起始页

jquery-mobile

Jquery mobile Jquery移动设备通过更改屏幕方向跳转到起始页,jquery-mobile,screen-orientation,multipage,Jquery Mobile,Screen Orientation,Multipage,我已经构建了一个jQuery移动应用程序，但有一个问题我不明白。我使用的是多页功能，但当您在一个页面中更改屏幕方向时，它会跳回起始页。我不明白在改变方向时如何停留在当前页面上我试过这个： $(window).bind("orientationchange", function (e, ui) { var sPage ="#"+$.mobile.activePage.attr("id"); $.mobile.changePage(sPage); alert(sP

我已经构建了一个jQuery移动应用程序，但有一个问题我不明白。我使用的是多页功能，但当您在一个页面中更改屏幕方向时，它会跳回起始页。我不明白在改变方向时如何停留在当前页面上

我试过这个：

$(window).bind("orientationchange", function (e, ui) 
{ 
    var sPage ="#"+$.mobile.activePage.attr("id"); 
    $.mobile.changePage(sPage); 
    alert(sPage);
});

alert（）显示了我要停留的正确页面

下面是如何制作多页的示例。如果我选择“Instellingen”选项，这几页显示。但当我改变智能手机的方向时，它会跳回菜单

<!DOCTYPE html> 
<html>
<head> 
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Mobile</title>
<link rel="stylesheet"  href="../css/jquery.mobile-1.1.1.min.css" />
<link rel="stylesheet"  href="../css/jquery.dataTables.css" />
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.mobile-1.1.1.min.js"></script>
<script type="text/javascript" src="../js/DataBase.js"></script>
<script type="text/javascript" src="../js/Webservice.js"></script>
<script type="text/javascript" src="../js/Misc.js"></script>
</head> 

<body>
<div id="Menu" data-role="page" data-title="Hoofdmenu">
  <div data-role="header">
    <h1>Menu</h1>
  </div>
  <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
        <li data-role="list-divider">Hoofd Menu</li>
                <li><a href="#Instellingen"><h3>Instellingen</h3>
<p>Algemene programma instellingen</p></a></li>
</ul>
</div>

<div id="Instellingen" data-role="page" data-title="Instellingen">
  <div data-role="header">
    <h1>Programma instellingen</h1>
     <a data-role="button" data-direction="reverse" data-rel="back" href="#Menu" data-icon="arrow-l" data-iconpos="left" data-theme="b">
        Back</a></div>
   <div data-role="content"  data-theme="b">
  <ul data-role="listview" data-inset="true" >
      <li><div><h1>WCF adres<input id="Adress" type="url"/></h1> </div> 
      <div data-role="controlgroup" data-type="horizontal">
        <a id="Test" data-role="button">Test</a>
        <a id="Opslaan" data-role="button">Opslaan</a>
                </div></li>
  </ul>


可移动的
菜单

Hoofd菜单


英斯特林根计划

WCF地址
试验
奥普斯兰


$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
如果（$（“#地址”）.val（）.length>0）
CheckWebService（$（“#address”）.val（），函数（检查）{alert（检查）；}）
其他的
警报（“错误地址”）
});
$（“#opslan”）。单击（函数（）{saveURL（$（“#地址”）.val（）；}）；
$（“#Dummy”）。单击（函数（）{alert（“Dummy”）；}）；
$（“#重置数据库”）。单击（函数（）{$.mobile.showPageLoadingMsg（“b”，“Sync”）；重置数据库（）；}）；
});

几个月来，我一直面临着完全相同的问题，直到今天，我在android清单中添加了screenSize参数，如下所示：

android:configChanges=“方向|屏幕大小|键盘隐藏”

希望有帮助

跳转到原始页面是代码错误的症状，您将无法使用问题中提到的代码来阻止它。你能给我们看更多你的js代码吗？

<script type="text/javascript">
$(document).ready(function () {
    $("#Test").click(function () {
        if ($("#Adress").val().length > 0)
            CheckWebService($("#Adress").val(), function (Check) { alert(Check); })
        else
            alert("Geen adres of error")
    });
    $("#Opslaan").click(function () { saveURL($("#Adress").val()); });
    $("#Dummy").click(function () { alert("dummy"); });
    $("#ResetDatabase").click(function () { $.mobile.showPageLoadingMsg("b", "Sync");  ResetDatabase(); });

});

</script>

</body>
</html>