javascript - JqueryMobile Div 转换

Question

我在页面顶部有一个标题和导航栏，我想在导航栏下方添加 3 个不同的页面，因此，当单击导航栏的按钮时，相应的页面应该出现过渡。

我正在尝试这样做，但页面转换应用于整个页面，包括标题和导航栏。

是否可以使用 jquery mobile，或者是否有解决此问题的方法？

这是我的代码

    <div data-role="header" data-theme="b">
    <h1>title</h1>
    <a href="#" data-icon="gear" class="ui-btn-right">Logout</a>
</div>
<div data-role="navbar" >
    <ul>
        <li><a  href="#" class="ui-btn-active">One</a></li>
        <li><a  href="#">Two</a></li>
        <li><a  href="#">Three</a></li>
    </ul>
</div><!-- /navbar -->

Answer 1

<div data-role="header" data-theme="b" data-position="fixed">

你只需要data-position属性。更多信息在这里：

http://jquerymobile.com/demos/1.2.1/docs/toolbars/bars-fixed.html

编辑

好的，诀窍是您还必须为所有页面上的标题提供相同的data-id. 这是一个工作示例：

http://jsbin.com/ibukoz/1/