В режиме перекомпоновки данные таблицы располагаются горизонтально до тех пор, пока они не достигнут минимального размера, после чего все строки группируются вместе по вертикали.
Таблица переключения столбцов
Режим «переключение столбцов» будет скрывать столбцы, если ширины недостаточно для отображения данных.
Чтобы создать таблицу переключения столбцов, добавьте к тегу ‹table› следующее:
‹table data-role= ”table” data-mode=”columntoggle” class=”UI-responsive” id=”myTable”›
6. Мобильные панели инструментов jQuery
Заголовки
jQuery предоставляет заголовок, расположенный в верхней части страницы и обычно содержащий заголовок/логотип страницы или одну или две кнопки (обычно дома, параметры или поиск).
Вы можете добавить кнопки слева и/или справа в шапке.
Нижние колонтитулы
Нижний колонтитул расположен внизу страницы.
Нижний колонтитул более гибкий, чем шапка — он более функционален на всех страницах, а потому содержит столько кнопок, сколько нужно.
Мобильные панели 7.jQuery
Панели в jQuery Mobile будут выдвигаться с левой или правой стороны экрана с дополнительным содержимым.
Чтобы создать панель, добавьте атрибут data-role="panel" к элементу ‹div› и укажите идентификатор
Чтобы получить доступ к панели, создайте ссылку, указывающую на идентификатор панели ‹div›. Когда пользователь нажимает на ссылку, панель открывается.
Разметка панели должна быть размещена до или после заголовка, содержимого и нижнего колонтитула внутри jQuery Mobile. страница.
8. jQuery Mobile Layout Grids
jQuery Mobile предоставляет набор макетов столбцов на основе CSS. В реальных макетах столбцов обычно не рекомендуется использовать на мобильных устройствах из-за ширины экрана мобильного устройства.
Но иногда вы хотите расположить более мелкие элементы, такие как кнопки или вкладки навигации, рядом, как если бы они были в таблице. Затем его можно использовать.
Столбцы в сетке имеют одинаковую ширину (и в сумме 100% ширины), без границ, фона, полей или отступов.
Существуют следующие пять макетов сеток, которые могут использоваться
