Question

我有一个jquery移动导航栏，可以有2到8个按钮。我不喜欢那个jquery移动捆绑到一行时，= 5个按钮..
我想要的是强制导航栏一次是2个按钮..

还有其他人做过吗？

由于

Answer 1

为什么不使用content-grids和导航栏的组合？

    <div data-role="page">
        <div data-role="header" data-position="fixed" data-theme="a"> 
            <h1>Example grid</h1> 

            <div data-role="navbar">
                <div class="ui-grid-a">
                    <div class="ui-block-a">Block A</div>
                    <div class="ui-block-b">Block B</div>
                    <div class="ui-block-a">Block A</div>
                    <div class="ui-block-b">Block B</div>
                    <div class="ui-block-a">Block A</div>

                </div><!-- /grid-b -->
            </div><!-- /navbar -->
        </div> <!-- /header -->

Answer 2

试试这个：

<div data-role='navbar' data-grid='a'>
    <ul>
        <li><a>bt1</a>
        </li>
        <li><a>bt2</a>
        </li>
    </ul>
</div>
<div data-role='navbar' data-grid='a'>
    <ul>
        <li><a>bt3</a>
        </li>
        <li><a>bt4</a>
        </li>
    </ul>
</div>
<div data-role='navbar' data-grid='a'>
    <ul>
        <li><a>bt5</a>
        </li>
        <li><a>bt6</a>
        </li>
    </ul>
</div>
<div data-role='navbar' data-grid='a'>
    <ul>
        <li><a>bt7</a>
        </li>
        <li><a>bt8</a>
        </li>
    </ul>
</div>

jquery移动导航栏，每行两个按钮

2 个答案: