0

私のハイブリッド アプリでは、jquery モバイル関数 changePage を使用してマルチページ ファイルのページを変更しようとしています。ボタンを押すと、現在のページが非表示になり、空白のページが表示されます。非表示/表示jquery関数を使用してdivを非表示/表示している場合も同じです。PC Web ブラウザーで完璧に動作します。しかし、モバイルアプリで。2 ページ目を変更/表示するにはどうすればよいですか?

ここに私のコードがあります:

<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関数が原因で問題が発生したようです。

4

1 に答える 1

0

ドキュメントのページが複数ある場合は、これを行うだけで済みます。

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

$.mobile.changePage("file1.html", {transition : "slideup"});
$.mobile.changePage("file2.html", {transition : "slideup"});
......
于 2012-07-19T03:34:21.070 に答える