1

嗨，我假设有两个 html 文件为 index.html 和 test.html。在 index.html 中，我有一个单击该按钮的按钮，我称之为 test.html。在 test.html 中，我正在显示一个表格。现在我的 index.html 就像：

<div data-role="page" id="home" data-theme="d">

        <div data-role="header" align="center">

            <a href="#" data-rel="back" data-icon="arrow-l">Back</a>
                <h1>MySite.com</h1>
            <a href="MainMenu.html"  data-icon="grid">Menu</a>


        </div>
    <div data-role="content" >

        <a href="UI/Equal/test.html" data-ajax="false" data-role="button" id="myButton">i ndex</a>          



    <ul data-role="listview" data-inset="true">
        <li><a href="UI/Equal/test.html"  data-ajax="false"> Order Book </a></li>
    </ul>

     </div>
</div>

现在单击按钮并在列表中转到 test.html，并且表格正确显示。在我的 test.html 中有一个标题，其中我有后退按钮：

<div data-role="header" align="center">

        <a href="#" data-rel="back" data-icon="arrow-l">Back</a>
            <h1>Test.com</h1>
        <a href="MainMenu.html"  data-icon="grid">Menu</a>


    </div>

现在，当我单击后退按钮时，它不会转到 index.html。如果我data-ajax="false"从 index.html 中删除，那么 test.html 的后退按钮可以正常工作，但现在在 test.html 中，我正在为我的表使用 .css 文件，现在该 .css 文件的效果不适用。如果我data-ajax="false"在 index.html 中使用，则正确绘制了 Test.html 表（意味着我的 .css 文件正确加载）。如何同时获得正确的后退按钮和表格。

任何建议将不胜感激。提前致谢。

4

1 回答 1

1

当您使用时，data-jax="false"您将禁用 jquery mobile 的 Ajax 导航，因此您链接到的页面无法访问 DOM 中的前一页。

要在第二页上有后退按钮，您需要使用传统链接将其硬编码到标题中<a href="..."，或者对其进行编码以从 DOM 中拉出上一页。

于 2012-09-09T14:26:06.167 回答