Question

我正在使用jQuery mobile和phonegap

构建应用

该应用已准备就绪，在Android, Android Simulator, Desktop browsers上工作正常但是当我在iPhone上部署它时，后退按钮停止工作。我在我的锚标签中添加了一个属性data-rel="back"，以便返回。（如jQM文档中所述）

我的index.html致电menu.html。当我点击back应用中的menu.html按钮（而不是浏览器后退按钮）时，index.html

此问题仅适用于iPhone。

这就是我的index.html看起来像

的方式

        <div id="content_home" class="mainColumn" data-role="page">
            <div class="header">
                <a href="Menu.html"  id="home_nav_btn" class="headerButton nav fr" style=""><span></span></a>
                <a id="bg" class="headerButton home fl" style=""><span></span></a>
                <h1><img src="images/bank_trust.png" alt=""></h1>
            </div>
            <!-- Remaining HTML Code -->
        </div>

我的Menu.html看起来像这样，

<div id="content_nav" class="mainColumn" data-role="page">
    <div class="header">
        <a id="btn_signout" class="headerButton fr" style=""><span>Signout</span></a>
        <a data-rel="back" class="headerButton home fl" ><span></span></a>
        <h1><img src="images/bank_trust.png" alt=""></h1>
    </div>
    <div class="content"></div>
    <script src="js/menu.js"></script>
</div>

Answer 1

尝试使用history.back，我希望这有帮助。

Answer 2

我自己解决了......

jQM文档说您必须具有href属性，该属性为您的锚提供语义含义。我添加了href属性，现在一切正常。

data-rel =“back”无法在iPhone上运行

2 个答案: