jquery - 行ごとに2つのボタンがあるjqueryモバイルnavbar

Question

私は2から8個のボタンを持つことができるjqueryモバイルnavbarを持っています..私はjquery mobileがそこにあるときに単一の行にバンドルするのが好きではありません..私が
望むのは、navbarが2つのボタンであることを強制することです時間..

他にやった人いますか？？

ありがとう

Answer 1

コンテンツグリッドとナビゲーションバーを組み合わせて使用​​してみませんか？

    <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>