jquery - 使用 JQuery Mobile 的面板中的页眉

标签 jquery css header width panel

我遇到了这个问题:我想用 jquery mobile 在面板小部件中放置一个标题小部件,我希望标题宽度等于面板宽度。

我的代码在这里:jsfiddle

<body>
<a href="#userPanel">&gt;&gt;</a>

<div data-role="panel" id="userPanel" data-display="overlay">
    <div data-role="navbar" data-iconpos="top" class="ui-nodisc-icon" class="navbarPanel">
                  <ul>
                    <li><a href="" data-icon="user" class="navbarPanelBtn">User</a></li>
                    <li><a href="" data-icon="mail" class="navbarPanelBtn">Messages</a></li>
                    <li><a href="" data-icon="power" class="navbarPanelBtn">Logout</a></li>
                  </ul>
                </div>
</div>

如您所见,导航栏并未覆盖面板的整个尺寸。我怎样才能删除那个空间?

提前致谢。

最佳答案

现在在您的 CSS 中,您在 .ui-panel-inner 上有 1em 的填充。尝试删除它,它应该会导致导航栏覆盖面板的整个大小

关于jquery - 使用 JQuery Mobile 的面板中的页眉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30113862/

相关文章:

css - 标题在窗口调整大小时移动

css - 无法在众多显示器上使图像始终居中对齐

C++:NetBeans 在创建 header 时生成的一些行代码

javascript - 保存和加载 div 位置 - 缩放并保存在加载时改变 div 位置

php - wordpress 网站上的缩略图问题?

css - 可折叠下拉菜单 - 为处于事件状态的菜单设置背景?

c++ - 成功包含文件,现在处理语义问题

javascript - 通过 Javascript 的列高

javascript - 用动画方向改变图像

jquery - 使图像垂直响应