Примеры jQuery Mobile

Примеры jQuery Mobile, которые использовались в предыдущих постах рубрик, посвященных мобильной библиотеке jQuery, - собраны и разделены по категориям в одном месте!

Страницы jQuery Mobile

Простая мобильная веб-страница
Несколько страниц
Диалоговое окно


Переходы jQuery Mobile

Эффект исчезновения
Эффект переворота
Эффект сдувания
Эффект появления
Эффект скольжения
Эффект скольжения с исчезновением
Эффект смещения вверх
Эффект смещения вниз
Эффект поворота
Отсутствие эффекта перехода
Эффект Инвертирования


Кнопки jQuery Mobile

Создайте кнопку
Встроенные кнопки
Сгруппированные кнопки
Кнопки "Назад"
Кнопки с или без закругленных углов
Кнопки небольшого и обычного размера
Кнопки с или без теней


Значки Кнопок jQuery Mobile

Добавьте значки к кнопкам
Значки позиции
Выведите на экран только значок


Панели инструментов jQuery Mobile

Создайте заголовок и подвал
Добавьте кнопки в заголовке
Добавьте кнопку к левой стороне в заголовке
Добавьте кнопку к правой стороне в заголовке
Подвал с кнопками
Подвал кнопками в центре
Подвал со сгруппированными кнопками
Подвал с горизонтально сгруппированными кнопками
Встроенная позиция - заголовок и подвал встроены с контентом страницы
Фиксированная позиция - заголовок и подвал остаются расположенными в начале и в конце страницы
Полноэкранная позиция - заголовок и подвал остаются расположенными в начале и в конце страницы, но также и над контентом страницы


Панели навигации jQuery Mobile

Создайте панель навигации
Панели навигации в контенте
Панели навигации в подвале
Добавьте выбранный (нажатый) вид для кнопок в панелях навигации
Добавьте постоянный выбранный (нажатый) вид
Значки позиции в панелях навигации
Демонстрация 10 кнопок в панели навигации


Складные блоки jQuery Mobile

Создайте складной блок контента
Разверните контент, когда страница загрузится
Вложенные складные блоки
складные наборы (гармошка)
Удалите закругленные углы у складных блоков
Сделайте складные блоки меньше
Измените значок складных блоков
Складные списки
Складные формы


Сетки jQuery Mobile

Компоновка на два столбца
Компоновка на три столбца
Компоновка на четыре столбца
Компоновка на пять столбцов
Настройте сетки
Несколько строк в столбцах


Списки jQuery Mobile

Создайте представления списка
Представление списка с закругленными углами
Разделители списка
Авторазделители
Создайте поисковые фильтры
Измените текст в поле поиска
Создайте списки только для чтения
Добавьте миниатюры к элементам списка
Добавьте элементы HTML, чтобы заполнить элементы списка информацией
Добавьте значки к элементам списка
Создайте списки с кнопками разделения
Сделайте элементы списка более функциональными
Создайте пузыри количества
Измените значок ссылки по умолчанию для элементов списка
Складные списки
Создайте календарь


Формы jQuery Мобайл

Текстовые поля ввода
Текстовая область
Поисковый ввод
Переключатели
Флажки
Группировка переключателей и флажков горизонтально
Контейнеры полей с переключателями и флажками
Предварительно выбранный переключатель/флажок
Создайте меню выбора
Создайте меню выбора с разделителями (optgroup)
Пользовательские меню выбора
Выберите несколько опций в меню выбора
Группировка меню выбора
Группировка меню выбора горизонтально
Предварительный выбор опций
Складные формы
Создайте элемент управления - ползунок
Выделите дорожку до значения ползунка
(Двойной) ползунок диапазона
Создайте тумблер
Предварительный выбор положения тумблера


Темы jQuery Mobile

Тема "a"
Тема "b"
Тема "c"
Тема "d"
Тема "e"
Тематический заголовок, контент и подвал
Тематические диалоговые окна
Тематические кнопки
Тематические значки
Тематические кнопки в заголовке и подвале
Тематические панели навигации
Тематические складная кнопка и контент
Тематические списки
Тематические кнопки разделения
Тематические складные списки
Тематические формы
Тематические складные формы
Настройте темы


События jQuery Mobile

Событие Касания
Событие Касания и Удерживания
Событие Перетаскивания
Событие Перетаскивания Влево
Событие Перетаскивания Вправо
Событие Начала Прокрутки
Событие Завершения Прокрутки
Событие Изменения Ориентации - Предупреждение об ориентации
Событие Изменения Ориентации - Установка различных стилей для книжной и альбомной ориентации
События инициализации страницы
События загрузки страницы
События переходов страницы

Далее: Как Работает jQuery

Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)