JQuery-Mobileの複数のコンテンツロール

Question

ページ内に複数のコンテンツロールを持つことは許可されていますか？

ドキュメントが1である必要がありますが、明示的にのみ、私は私のページの領域を論理的にグループ化を提供するために、コンテンツの役割を使用している1

がなければならないと言うことはありません示唆しています。 これは、パディングとバックグラウンドグラデーションを提供し、グループ化された要素の分離を自分のcssを追加することなく行うことができます - できるだけ簡単にアップグレードパスを可能にするためにCSSを追加することを避けました

もしそうなら、より適切な他の役割があるのでしょうか、または私は標準のCSSルールを使用すべきですか？ .. ui-bodyのように、または他のものを提案できますか？

同じ仕事をする「セクション」役割のための場所はありますか？もともとここhttps://forum.jquery.com/topic/multiple-content-roles

Answer 1

尋ね

多くのおかげで、Antの

は、あなたが、私はかなりを使用していフィールドセット、見てきました。また、の伝説を部分区切りのヘッダーとして指定します。

私が使用している別の素晴らしい組み合わせは、1140 CSS gridのJQM折畳みです。

<container> 
     <row> 
     <cell1> 
     <cell2> 
     <cell3> 
     <cell4> 
     <cell5> 
     ... 
     <cell12>    
     </row> 
    </container> 

私はcollapsiblesでこれを混合しています：あなたが持つことになりますので、スマートフォンで

 <container> 
     <row> 
     <cell1><cell2><cell3><cell4><cell5>...<cell12> 
     // cells can be anything from 1-12, so 4/4/4, 2/4/4/2... 
     </row> 
     <row> 
     // new row 
     </row> 
    </container> 

細胞は、100％の幅に変更します。グリッドはそうのように、最大​​12セルの行を行うことができます（追加のCSSは必要ありません）

 <container> 
     <collapsible-set> 
     <collapsible-1> 
      <row> 
       <cell><fieldest><content> 
       <cell><fieldest><content> 
      <row> 
     </collabsible-1> 
     <collapsible-2> 
      <row> 
       <cell><fieldest><content> 
       <cell><fieldest><content> 
      <row> 
     </collabsible-2> 
     ... 

スマートフォンとタブレットでうまく見えます。私は長い形でそれを主に使用しています。