jquery移动导航栏溢出

Question

我正在构建一个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 horizontal scroll navbar。

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

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

我在这里错过了什么吗？