Jquery mobile jquerymobile"；永久页脚导航栏“；按钮不'；刷新后才能工作 环境 jQuery 1.7.1 jQuery Mobile 1.0最终版 PHP w/CodeIgniter 2.1.0 灯 测试： 配备iOS 5.0.1的GSM iPhone 4 Kubuntu 11.10 谷歌浏览器17.0.963.12开发 火狐9.0.1 问题

在加载页面时，jquerymobile适当地假设我想要查看第一个“页面包装器”，并将其显示得非常漂亮但是，当单击“用法”链接时，什么都不会发生。什么都没有，我的意思是，单击它不会加载具有适当ID的页面，也不会执行回发/ajax调用。但是，如果我刷新页面，我可以使用菜单（包括使用按钮，然后是使用页面上的事务按钮），因为它应该工作

我已经查看了Chrome开发者工具网络选项卡，但没有显示任何内容（因为它是一个锚链接，并且内容已经在DOM中，所以不应该显示）。我已经在我的iPhone和Chrome/Firefox（上面的相关版本号）上对此进行了测试

我真的很想让这两个页面在同一个DOM上，但我怀疑将它们拆分会有用。我想把它作为最后的手段

问题: 我是否有一些语法错误，或者我是否可能缺少jQuery移动环境的一些关键内容

代码 注意：下面的页面被包装在一个普通的HTML>头部+身体骨骼结构中，基本视图，我已经省略了，但是如果你想看到它，只要问一下，我会附加它。唯一增加的是一个用于viewport config的元标记、两个Javascript脚本标记和两个CSS链接标记

指向以下页面/DOM的链接：

<a href="account_detail.php" data-role="button">Account Details</a>

带有永久导航栏的页面：

<!-- ============ PAGE ONE ============ -->
<div id="transactions" data-role="page" class="ui-page"> 
<div data-role="header" data-position="fixed">
    <a href="home.php" data-role="button" data-icon="arrow-l" data-iconpos="notext" class="ui-button-left" data-direction="reverse" data-prefetch>Back</a>
    <h1>Transactions</h1>
</div> <!-- /header -->

<div id="content" data-role="content" class="ui-content">
    Hello World!
</div> <!-- /content -->

<div data-role="footer" data-position="fixed" data-id="account_details">
    <div data-role="navbar">
        <ul>
            <li>
                <a href="#" class="ui-btn-active ui-state-persist">Transactions</a>
            </li>
            <li>
                <a href="#usage" data-transition="fade" data-prefetch>Usage</a>
            </li>
        </ul>
    </div> <!-- /navbar -->
</div> <!-- /footer -->
</div> <!-- /page one -->

<!-- ============ PAGE TWO ============ -->
<div id="usage" data-role="page" class="ui-page">
<div data-role="header" data-position="fixed">
    <a href="home.php" data-role="button" data-icon="arrow-l" data-iconpos="notext" class="ui-button-left" data-direction="reverse" data-prefetch>Back</a>
    <h1>Usage</h1>
</div> <!-- /header -->

<div id="content" data-role="content" class="ui-content">
    Hello World, Again!
</div> <!-- /content -->

<div data-role="footer" data-position="fixed" data-id="account_details">
    <div data-role="navbar">
        <ul>
            <li>
                <a href="#transactions" data-transition="fade" data-prefetch>Transactions</a>
            </li>
            <li>
                <a href="#" class="ui-btn-active ui-state-persist">Usage</a>
            </li>
        </ul>
    </div> <!-- /navbar -->
</div> <!-- /footer -->

交易
你好，世界！






用法
你好，世界，再一次！

谢谢

---

提前感谢您抽出时间阅读此文章，并感谢您提供的任何帮助/反馈

叹气。我只是没有正确阅读文档。当链接到具有多个页面的页面（多数据角色=“页面”divs或“页面包装器”）时，必须在指向多页面文档的链接上设置rel=“external”参数

因此，解决办法是改变：

致：

---

嘿，伙计，你帮了我：）把那个笨蛋记为“回答了”。@gyaresu哈哈，听到这个消息很高兴。谢谢你提醒我把那个标记为已回答。2天的等待期结束后，我总是忘记这样做。