1

嗨,我有 3 个 html 文件作为

索引.html

<!DOCTYPE html>

<html>

<head>

    <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" />
    <link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
    <link rel="stylesheet" href="docsdemos-style-override.css" />


    <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
    <script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script>
    <script type="text/javascript" charset="utf-8" src="js/main.js"></script>
    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script>

</head>

<body>

<div data-role="page" id="home">
    <div data-role="content">

        <a href="TestMenu.html" data-role="button" id="myButton">index</a>          

    </div>
</div>

</body>
</html>

现在单击按钮,我调用 TestMenu.html,如下所示:

<!DOCTYPE html>

<html>

<body>

<div data-role="page" id="home">
    <div data-role="content">

        <a href="PortfolioTest.html" data-role="button" id="myButton">TestMenu</a>         

    </div>
</div>

</body>
</html>

单击按钮后,我调用 PortfolioTest.html,如下所示:

<!DOCTYPE html>

<html>

<body>

<div data-role="page" id="home">
    <div data-role="content">

        <a href="#" data-role="button" id="myButton">PortfolioTest</a>         

    </div>
</div>

</body>
</html>

现在,当我回按时,上一个屏幕意味着当我在 TestMenu.html 中再次按下按钮时会显示 TestMenu.html,它会再次出现 PortfolioTest.html,直到现在一切都很好但是现在如果我按回而不是去 TestMenu.html 它直接进入 index.html 页面。

这就是我使用 Android 2.2 版时的全部内容,如果我使用 2.1 版,那么一切都很好。解决方案是什么?任何帮助将不胜感激。提前致谢。

4

2 回答 2

0

我不知道这是否会扰乱您的导航,但您对每个页面都使用相同的页面 ID (id="home")。也许你应该给页面不同的ID。

于 2012-07-03T10:34:02.273 回答
0

$.mobile.pushStateEnabled = false;解决我的问题。现在它在所有版本中都能完美运行。

于 2012-07-06T05:47:57.983 回答