javascript - Jquery 移动设备中的导航面板

Question

嗨，我正在尝试实现一个带有 2 个链接的面板。 我的想法是有 3 个不同的文件:page1.html 和 page2.html

第1页:

<div>
    <h1> This is the Page 1</h1>
</div>

第2页:

<div>
    <h1>This is the Page 2</h1>
</div>

在我的主页(main.html)中，我想放置面板和一个 Div，以加载不同的页面。

有没有办法在Android中实现类似的片段，或者类似的，我的意思是，声明div:

<div id="container"></div>

当用户单击链接时，页面内容就会加载。

谢谢!

Answer 1

您可以使用Navbar插件:

<div data-role="navbar">
    <ul>
        <li><a href="page1.html">Page One</a></li>
        <li><a href="page2.html">Page Two</a></li>
    </ul>
</div><!-- /navbar -->

请查看Docs