Jquery mobile JQuery移动多内容角色

允许我们在一个页面中有多个内容角色吗

文档建议应该有一个，但没有明确指出应该只有一个

我一直在使用内容角色来提供页面区域的逻辑分组。 这还提供了填充和背景渐变，以很好地分离分组元素，而无需添加我自己的css-我们已避免在可能的情况下添加css，以使升级路径尽可能简单

如果是的话，还有其他更适合的角色吗？或者我应该使用标准的ui-CSS规则吗？ .. 比如ui主体或者你能推荐其他的吗

有没有一个“部门”角色可以做同样的工作

谢谢你，蚂蚁

---

最初在这里被问到

你看过我经常使用的字段集吗。还可以将图例作为一种节标题

我正在使用的另一个很好的组合是JQM可折叠文件和。网格允许最多12行单元格，如下所示：

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

...
//单元格可以是1-12之间的任意值，所以4/4/4，2/4/4/2。。。
//新行

在智能手机上，电池变为100%宽度，因此您将拥有：

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

...

我将其与可折叠文件（不需要额外的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>
         ...