jquery移动持久性导航栏脚部分隐藏

Question

使用jquery mobile 1.3.1。在页脚内创建一个持久的导航栏，工作正常，但导航栏只是部分显示。大约一半的高度是隐藏的。

这是代码，这是在'content'

的结束div之后

<div data-role="footer" dat-id="foo1" data-position="fixed" >
    <div data-role="navbar" >
          <ul>
             <li><a href="#" data-icon="grid">page1</a></li>                                                
             <li><a href="#" data-icon="star">Page2</a></li>
        </ul>
    </div>
</div>

我做错了什么？

Answer 1

我认为你的一些自定义css正在搞乱navbar css。除非你可以展示使用你的整个页面，也许css，我们无能为力。

如果您认为自己的css不是此问题的原因，您可以随时使用此css修复导航栏位置：

.ui-navbar {
    margin-bottom: 30px !important;
}

在px中使用任何尺寸，可帮助您将导航栏提升到正确的高度。