转换jquery移动时导航栏未固定

时间:2014-08-21 05:57:37

标签: jquery jquery-ui jquery-mobile

我是jquery mobile的新手。我正在通过导航栏按钮从一个页面导航到另一个页面时实现导航栏。 Navbar也在滑动,ios导航栏在底部和视图滑动。如何删除此错误

<div data-role="footer" data-position="fixed">      
            <div data-role="navbar" data-iconpos="top">
                <ul>
                    <li><a href="#" data-icon="comment" class="ui-btn-active ui-state-persist">Message</a></li>
                    <li><a href="profile.html" data-transition="slide"  style="text-decoration:none" data-icon="gear">Settings</a></li>
                    <li><a href="#" data-icon="cloud">Share</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->

现在点击个人资料导航栏也会滑动。

1 个答案:

答案 0 :(得分:0)

您需要在标题标记中添加data-position =“ fixed”,在样式标签中添加样式data-id =“ foo”,然后仅将class =“ ui-btn-active ui-state-persist”添加到本地链接。 / p>

请参阅参考资料: http://demos.jquerymobile.com/1.1.0/docs/toolbars/footer-persist-d.html