0

我在使用简单的 Jquerymobile 导航设置时遇到了问题。

我有 3 个 HTML/PHP 文件，每个文件都包含多个 Jquerymobile 页面。我创建了如下所示的简单代码 - 每个文件都有相同的代码（列表视图链接除外）。

当我加载 file1.php 时，我可以使用导航栏从第 1 页切换到第 2 页。当我单击指向 file2.php 的链接时，它会加载到第 1 页（即 file1.php#Page1。但是，当我尝试导航时到第 2 页，它加载 file1.php#Page2 而不是 file2.php#Page1 ..

我认为我在将页面正确加载到 DOM 方面做错了 - 但我不确定如何修复它 - 任何帮助将不胜感激。

（注意 header.php 只包含 jquerymobile 所需的所有 cs 和 javascript）

<?php 
require_once("header.php");
?>
<body>

    <!-- This is the first page -->
    <div id="page1" data-role="page">
        <header data-role="header">
            <h1>Page1</h1>
        </header>
        <div data-role="navbar">
             <ul>
                <li><a href="#page1" data-transition="slide" class="ui-btn-b">Page1</a></li>
                <li><a href="#page2">Page2</a></li>
            </ul><br>
        </div>
          <ul>
            <li><a href="file1.php">Link to first HTML page</a></li>
            <li><a href="file3.php">Link to third HTML page</a></li>
          </ul>
    </div>

    <!-- This is the second page -->
    <div id="page2" data-role="page">
        <header data-role="header">
            <h1>Page2</h1>
        </header>
        <div data-role="navbar">
             <ul>
                <li><a href="#page1">Page1</a></li>
                <li><a href="#page2" data-transition="slide" class="ui-btn-b">Page2</a></li>
            </ul><br>
        </div>
          <ul>
            <li><a href="file1.php">Link to first HTML page</a></li>
            <li><a href="file3.php">Link to third HTML page</a></li>
          </ul>
    </div>

</body>
</html>
4

0 回答 0