jquery移動 - 從同一行上的listview幾個項目

我遇到與jquery移動的問題：jquery移動 - 從同一行上的listview幾個項目

我想顯示使用三列的項目網格。每個新項目必須顯示在前一個旁邊，並在第三列後面開始一個新行。

給你舉一個例子，我想是這樣的：JSFiddle

但我的項目必須從splitButtonList（在左側和右側的可點擊的按鈕標籤的圖標）的項目，而不是來自前面例子的塊。

問題是：當我使用下面顯示的代碼類型時，每個新項目都顯示在前一個的底部，就像在列表中一樣。我無法設法使用我的三列網格模式JSFiddle來顯示它。

<body> 
    <div data-role="page" data-theme="c" id="projets"> 
     <div data-role="header" data-position="fixed" data-theme="f" data-tap-toggle="false" id="banniere"> 
    </div> 
    <div data-role="content" id="content"> 
     <div class="ui-grid-b">   
      <ul data-role="listview" data-split-icon="star" data-split-theme="a" class="listview"> 
       <li> 
        <a href="projects.html"> 
         <img src="img/icon/file.png" /> 
         <h3>A label</h3> 
         <p>Another one</p> 
         <p>And finally another one</p> 
        </a> 
        <a href="index.html">Plop</a> 
       </li> 
       <li> 
        <a href="projects.html"> 
         <img src="img/icon/file.png" /> 
         <h3>A label</h3> 
         <p>Another one</p> 
         <p>And finally another one</p> 
        </a> 
        <a href="index.html">Plop</a> 
       </li> 
      </ul> 
     </div><!-- /grid-b --> 
    </div> 
     <div data-role="footer" data-position="fixed" data-theme="f" data-tap-toggle="false" id="footer"> 
     </div> 
    </div> 
</body>

你知道該怎麼做嗎？使用CSS也許？任何線索對我來說都是非常寶貴的。謝謝

來源

2014-07-25 Biloutage

這個怎麼樣？ JSFiddle

您已基本缺少對電網的3個容器：

<div class="ui-grid-b"> 
    <div class="ui-block-a">Listview 1 goes here...</div> 
    <div class="ui-block-b">Listview 2 goes here...</div> 
    <div class="ui-block-c">Listview 3 goes here...</div> 
</div><!-- /grid-b -->

所以，你可以看到你將需要三個不同的列表視圖。

希望這會有所幫助！

來源

2014-07-26 06:21:09 Archon

非常感謝，這正是我一直在尋找的！恐怕我沒有正確理解用戶界面的行爲... – Biloutage

jquery移動 - 從同一行上的listview幾個項目

回答

相關問題