在jquery mobile中没有得到正确的结果

时间:2012-07-03 09:07:02

标签: jquery html5 jquery-ui jquery-mobile cordova

您好我有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 uptil现在一切都很好但是现在如果我按回来而不是去TestMenu .html它直接进入index.html页面。

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

$.mobile.pushStateEnabled = false;解决了我的问题。现在它适用于所有版本。