如何使用$ .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