如何使用$ .mobile.changePage（）在多页混合应用程序文件中更改页面？

Question

在我的混合应用程序中，我正在尝试使用jquery移动功能changePage在多页文件中更改页面。 当我按下按钮时，它会隐藏当前页面并显示空白页面。 如果我使用隐藏/显示jQuery函数隐藏/显示div，则相同。 它在PC Web浏览器中完美运行。 但在移动应用中 如何更改/显示第二页？

这是我的代码：

<head>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="js/jqtouch/jqtouch.js" type="application/x-javascript"
charset="utf-8"></script>
<link type="text/css" rel="stylesheet" media="screen"
href="js/jquery.mobile-1.1.0.min.css">
<link type="text/css" rel="stylesheet" media="screen"
href="js/jquery.mobile.theme-1.1.0.min.css">
<link type="text/css" rel="stylesheet" media="screen"
href="js/jquery.mobile.structure-1.1.0.min.css">
<script type="text/javascript" charset="utf-8" src="js/wormhole.js"></script>
<script type="text/javascript" charset="utf-8"
src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" charset="utf-8"
src="js/jquery.mobile-1.1.1.js"></script>
</head>
<body>
<div id="TaskList" data-role="page">
    <div data-role="header">
        <h1>Dienos užduotys</h1>
    </div>
    <script type="text/javascript">
        function showTaskDetails(id) {
            $.mobile.changePage("#taskDetails", {
                transition : "slideup"
            });
        }
    </script>
    <div data-role="content">
        <div id="task_list" data-role="controlgroup">
                 <a data-role="button" onclick="showTaskDetails(1)" href="#">Name</a>
        </div>
    </div>
</div>
<div id="TaskDetails" data-role="page">
    <div data-role="header">
        <a href="#TaskList" data-icon="arrow-l" data-iconpos="left"
            data-rel="back">Atgal</a>
        <h1>Dienos užduotys</h1>
    </div>
    <div data-role="content">
        <input type="text" value="" id="task_id" />
    </div>
    <div data-role="footer"></div>
</div>
</body>

更新：似乎由于登录文件中的changePage函数而出现问题。

Answer 1

如果您有多页文档，则只需执行以下操作：

$.mobile.changePage("#taskDetails", {transition : "slideup"});

$.mobile.changePage("file1.html", {transition : "slideup"});
$.mobile.changePage("file2.html", {transition : "slideup"});
......

如何使用$ .mobile.changePage（）在多页混合应用程序文件中更改页面？

问题描述

1 个解决方案

解决方案1
0 2012-07-19 03:34:21

如何使用$ .mobile.changePage（）在多页混合应用程序文件中更改页面？

问题描述

1 个解决方案

解决方案1 0 2012-07-19 03:34:21

解决方案1
0 2012-07-19 03:34:21