JqueryMobile Div Transition

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/