Роли JQuery-Mobile для нескольких материалов - PullRequest
Новая
       5

Роли JQuery-Mobile для нескольких материалов

0 голосов
/ 20 марта 2012

Разрешено ли иметь несколько ролей контента на странице?

Документация предполагает, что должен быть один, но явно не говорит, что должен быть только один

Я использовал роли контента для обеспечения логической группировки областей моих страниц. Это также предоставляет отступы и фоновые градиенты, чтобы обеспечить хорошее разделение сгруппированных элементов, без добавления моего собственного CSS - мы избегали добавлять CSS, где это возможно, чтобы путь обновления был максимально простым

Если так, есть ли какая-либо другая роль, которая была бы более подходящей, или я должен использовать стандартные правила CSS? .. как UI-тело или вы можете предложить другой?

Есть ли место для роли "секции", которая бы выполняла ту же работу?

Большое спасибо, Муравей

изначально спрашивали здесь https://forum.jquery.com/topic/multiple-content-roles

1 Ответ

0 голосов
/ 20 марта 2012

Вы смотрели на fieldset , который я использую довольно часто. Также дает вам легенду в качестве заголовка раздела сортировки

Еще одна хорошая комбинация, которую я использую, - это складные JQM с CSS-сеткой 1140 . Сетка позволяет делать строки максимум из 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>
         ...

Хорошо выглядит на смартфоне и планшете. Я использую его в основном для длинных форм.

...