我遇到了这个问题:我想用 jquery mobile 在面板小部件中放置一个标题小部件,我希望标题宽度等于面板宽度。
我的代码在这里:jsfiddle
<body>
<a href="#userPanel">>></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/