我正在使用JQuery Mobile的页脚定义内的"data-role"为div设置"navbar"。当我添加了5个以上的项目时,它会将菜单项分成两列。根据JQM文档,这是默认行为。我希望在页脚区域内通过左右滑动来滚动图标。
<div data-role="footer" data-theme="d" data-position="fixed" id="divFooter">
<div data-role="navbar" id="divNavBar">
<ul>
<li><a href="javascript:;" id="icPortfolio" data-icon="custom">Profile</a></li>
<li><a href="javascript:;" id="icStatus" data-icon="custom">Status</a></li>
</ul>
</div>
</div>
参考一下,我查看了这个可能的解决方案:JQM horizontal scroll navbar。然而,它将菜单图标变成了HTML链接,并在头部数据角色中起作用。
有什么想法吗?