在 jquery mobile 的后按上没有得到正确的结果答案

【问题标题】：Not getting proper result on back press in jquery mobile在 jquery mobile 的后按上没有得到正确的结果
【发布时间】：2012-07-03 09:07:02
【问题描述】：

嗨，我有 3 个 html 文件

index.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 版，那么一切都很好。解决方案是什么？任何帮助将不胜感激。提前致谢。

【问题讨论】：

标签： jquery html jquery-ui jquery-mobile cordova

【解决方案1】：

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

【讨论】：

@Jorissu 在为每个页面提供不同的 id 后也不能解决问题
不，不是，抱歉。认为上述值得一试，但不幸的是它不是解决办法......
有人知道这个吗？
有人对此有解决方案或建议吗？

【解决方案2】：

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

【讨论】：