JQM連續按鈕？

我想在垂直行中獲得7個按鈕，在我的視口左側，前3個按鈕看起來很好，只需要將它們向下移動但其他4個不與內聯的頂部3個繼承人我的代碼，JQM連續按鈕？

<div class="ui-grid-b"> 
        <div class="ui-block-a"> 
          <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn1</a></div></div> 
         <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn2</a></div></div> 
         <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn3</a></div></div> 
       <div class="ui-grid-b"> 
        <div class="ui-block-a"> 
         <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn4</a></div></div> 
         <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn5</a></div> 
         <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn6</a></div> 
         <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn7</a></div>

enter image description here

來源

2013-07-15 Nathaniel Harman

你並不需要所有的塊，一個'UI-grid'和一個'UI-block'將做的工作HTTP ：//fiddle.jshell.net/Palestinian/564VX/也可以使用'data-role = controlgroup'垂直執行。 http://view.jquerymobile.com/1.3.1/dist/demos/widgets/buttons/#button-vertical-group – Omar

是的，這對我來說只是把它們並排放在兩排，我會附上現在屏幕 –

現在檢查這http://fiddle.jshell.net/Palestinian/564VX/ – Omar

你需要一個ui-grid和一個ui-block-a。

Demo

<div class="left-btns ui-grid-a"> 
    <div class="ui-block-a"> 
    <a href="#" data-role="button" data-theme="a" data-inline="true">btn1</a><br/> 
    <a href="#" data-role="button" data-theme="a" data-inline="true">btn2</a><br/> 
    ..... 
</div>

來源

2013-07-17 18:29:38 Omar

JQM連續按鈕？

回答

相關問題