2

我正在构建一个 jQuery Mobile 应用程序，并在其标题上设置了一个导航栏小部件。结构就像一个常规的 jQM 导航栏（CSS 结构是 jQM 的默认结构）：

<nav data-role="navbar">
    <ul>
        <li><a href="">...</a></li>
        <li><a href="">...</a></li>
        <li><a href="">...</a></li>
        <li><a href="">...</a></li>
    </ul>
</nav>

我希望导航栏有固定宽度的按钮和水平溢出，所以我可以通过一个 jQuery 脚本设置一个水平滚动导航栏，就像这里找到的那​​样：JQM 水平滚动导航栏。

问题是，框架在没有更多按钮空间时总是创建一个新行：http: //i.stack.imgur.com/pNrk5.png，但我的预期行为是这样的：http://imgur .com/M8U1v。

我尝试过修改 CSS 结构，设置溢出：隐藏、空白、固定高度导航栏等，但到目前为止没有成功。

我在这里错过了什么吗？

4

0 回答 0