JQuery-Mobile多内容角色

时间:2012-03-20 14:17:11

标签: jquery-mobile

我们是否允许在页面中拥有多个内容角色?

文档建议应该有一个,但没有明确说明应该只有一个

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

如果是这样,是否还有其他更适合的角色,或者我应该使用标准的ui-CSS规则? ..比如ui-body或者你能推荐另一个吗?

“部门”角色是否有任何可以完成相同工作的地方?

非常感谢,Ant

最初在这里问https://forum.jquery.com/topic/multiple-content-roles

1 个答案:

答案 0 :(得分:0)

你看过 fieldset ,我正在使用它。还为图例提供了排序标题

我正在使用的另一个很好的组合是JQM可折叠与1140 CSS grid。 Grid允许执行最多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>

在智能手机上,单元格更改为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>
         ...

智能手机和平板电脑看起来不错。我主要用它来制作长形式。