Question

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

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

当我加载file1.php时，我可以使用导航栏从第1页切换到第2页。当我点击链接到file2.php时，它会加载到第1页（即file1.php＃Page1。但是，当我尝试导航到第2页时，它会加载file1.php＃Page2而不是file2.php＃Page1 .. < / p>

我认为我在将页面正确加载到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>

如何在从第一个HTML文件链接到第二个HTML文件后正确加载所有JqueryMobile内部页面？

0 个答案: