Question

您好我假设两个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。如果我从index.html中删除data-ajax="false"，那么test.html的后退按钮工作正常，但现在在test.html我使用.css文件作为我的表，现在这里.css文件的效果不适用。如果我在index.html中使用data-ajax="false"，则在Test.html表上正确绘制（意味着我的.css文件正确加载）。我怎样才能同时得到合适的后退按钮和桌子。

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

Answer 1

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

要在第二页上设置后退按钮，您需要使用传统的<a href="..."链接将其硬编码到标题中，或者将其编码以从DOM中提取上一页。

添加数据后-ajax =“false”后退按钮不起作用

1 个答案: