Документация на русском jquery: Русская документация по API jQuery

Leave a Comment / Разное / By /

Содержание

Введение. Начало работы · Bootstrap. Версия v4.3.1

Начните работу с Bootstrap, самым популярным в мире фреймворком для создания быстродействующих мобильных сайтов с BootstrapCDN и шаблонами стартовой страницы.

Быстрый старт

Хотите использовать Бутстрап в своем проекте? Bootstrap – библиотека шаблонов CSS, распространяемая свободно командой сайта MaxCDN. Нужна система управления пакетами или исходники Bootstrap? Посетите страницу загрузок.

CSS

Скопируйте и вставьте часть кода <link> в свой <head> перед всеми другими таблицами стилей, чтобы загрузить наш CSS.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

JS

Многие из наших компонентов требуют использования JavaScript.

Точнее — им требуются jQuery, Popper.js и наши собственные плагины. Для активации плагинов разместите следующий кусок кода <script> в конце страниц, прямо перед закрывающим </body>. Сперва jQuery , потом Popper.js, потом наши.

Мы используем мини-сборку jQuery, но и полную можно использовать.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

Любопытно, какие компоненты явно требуют jQuery, наших JS и Popper. js? Нажмите ссылку «Показать компоненты» ниже. Если вы не уверены в том, как правильно написать «коренную» структуру страницы, можете использовать наши шаблоны.

Наши bootstrap.bundle.js и bootstrap.bundle.min.js включают в себя Popper, но не jQuery. Для получения дополнительной информации о том, что входит в Bootstrap, пожалуйста, смотрите наш раздел содержание.

Показать компоненты, требующие JavaScript
  • Уведомления отмены
  • Кнопки изменения состояний и чекбоксов/»радио»
  • Карусель для поведения «слайд», элементы контроля и индикаторы
  • Коллапс для изменения видимости содержимого
  • Выпадающие элементы для отображения и расположения (также требует Popper.js)
  • Модальные окна для отображения, расположения и создания поведения прокрутки
  • Навбар для расширения нашего плагина коллапса для придания отзывчивого поведения
  • Выплывающие подсказки и окна для отображения и расположения (также требует Popper. js)
  • Отслеживание прокрутки и обновления навигации

Начальный шаблон страницы

Удостоверьтесь, что ваши страницы сверстаны по новейшим стандартам. Они должны включать и использовать HTML5 doctype и viewport meta tag для правильного «отзывчивого» поведения страниц. Вот как должен выглядеть «верхний», коренной код страницы:

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h2>Hello, world!</h2>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.
  js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>

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

Важные глобальные атрибуты

Бутстрап включает некоторые глобальные стили и настройки, о которых вам необходимо знать при работе с ним; все эти стили и настройки почти полностью имеют дело с и «заточены» под нормализацию кроссбраузерных стилей.

HTML5 doctype

Bootstrap требует использования doctype «HTML5». Без него у вас возникнут некоторые проблемы со стилями.

<!DOCTYPE html>
<html lang="en">
  ...
</html>

«Отзывчивый» мета-тэг

Bootstrap разрабатывался как mobile first, т.е. его настройки прежде всего оптимизированы под мобильные устройства, а уж потом с помощью медиа-запросов мы подгоняем масштаб компонентов как нам необходимо на прочих устройствах. Вставьте этот кусок кода в <head>:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Вы можете посмотреть пример этого в действии на странице starter template.

Размер ширины и высоты элемента

Для большей простоты масштабирования в CSS мы изменяем глобальное значение box-sizing с content-box на border-box.

Это гарантирует, что padding не будет влиять на конечную вычисленную ширину элемента; однако может создать проблемы для сторонних приложений, таких как Google Maps или поисковой движок Google.

В том редком случае, когда вам надо преодолеть эти возможные баги, делайте так:

.selector-for-some-widget {
  box-sizing: content-box;
}

С использованием фрагмента кода, приведенного выше, вложенные элементы – включая сгенерированный через :before и :after контент – будут все наследовать заданный box-sizing для класса .selector-for-some-widget.

Узнайте больше о блоковой модели и параметризации размеров на CSS Tricks.

«Ребут» (новая библиотека CSS, не использующая классов, обеспечивающая «модульный подход»)

Для улучшенной кроссбраузерной визуализации мы применили «Ребут», обеспечивающий более продвинутые «сбросы стилей» для элементов HTML для коррекции мелких багов в браузерах и девайсах.

Оставайтесь в курсе последних новостей Bootstrap и вливайтесь в сообщество Bootstrap с помощью этих ресурсов:

  • @getbootstrap on Twitter.
  • The Official Bootstrap Blog.
  • the official Slack room.
  • Чат с камрадами по Bootstrap. Канал ##bootstrap на сервере irc.freenode.net.
  • Помощь в реализации Bootstrap 4 на Stackoverflow bootstrap-4).
  • При разработке через npm или аналогичные депозитарии, разработчикам следует использовать ключевое слово bootstrap в своих пакетах и библиотеках для максимальной видимости.

Вы также можете присоединиться @getbootstrap on Twitter для получения «свежайших» слухов и классных музыкальных клипов.

UIkit 3 на русском. Уроки, примеры, разметка.

Представляем вашему вниманию UIkit 3 — новую версию легкого модульного front-end фреймворка для разработки быстрых и мощных web-интерфейсов. В версии 3 были улучшены и расширены многие компоненты и функции, которых не было и нет в других фреймворках. Любите Bootstrap? Ознакомьтесь со списком ниже и сравните.

Поехали! Поехали!

Github Github

Что нового в UIkit 3? В чем отличия от UIkit 2?

Прощай, JQuery!

Жизнь без JQuery возможна! UIkit 3 избавился от нее. Совсем. К примеру, на этом сайте ее нет. Естественно, все будет работать быстрее, так как размер jQuery огромен, при этом используется малая часть кода.

Новый UIkit позволяет избавиться не только от JQuery, но и связанных сторонних библиотек, например, Fancybox, Owl Carousel, Masonry, WOW, ScrollSpy, Skrollr, параллаксы и так далее. Вот такое масштабное изменение JavaScript. Просто подключите UIkit на вашу страницу и убедитесь сами. Для полного счастья свяжите с Vue.js или React 😉

SVG, анимация, параллакс

Вставляйте SVG в разметку различными способами, стилизуйте и анимируйте.

Сетка

Новая сетка, как и ранее, использует flexbox для создания динамических и гибких макетов. Она работает в связке с новым компонентом ширины, включающим дополнительные параметры. Можно равномерно распределять столбцы, автоматически применять размеры содержимого или увеличить ширину столбца, чтобы заполнить оставшееся пространство. Режимы, разумеется, комбинируются. Здесь не нужно вечно вставлять «row» и пустые блоки. При использовании атрибута uk-grid необходимый класс проставляется автоматически, а система сетки заботится о полях, переносах и отступах с помощью JavaScript.

Очень очень очень много разного текста

Идет бычок, качается, вздыхает на ходу: ох, доска кончается, сейчас я упаду!

Еще…

Masonry

Сетка Masonry в UIkit 3 стала частью компонента Grid. Элементы сетки можно упорядочивать в многостолбцовой схеме без пропусков, независимо от того, имеют ли ячейки сетки другую высоту. У него одна главная задача — он устраняет пробелы. Никакой магии, никакого абсолютного позициионирования! Просто добавьте uk-grid = "masonry: true" в любую сетку, чтобы включить эффект Masonry.

С помощью встроенного Lazy Load из компонента Изображения можно сделать динамическую фотогалерею.

Компонент Иконки

Компонент Иконки поставляется с собственной системой значков SVG, теперь это не Font Awesome. Он динамически внедряет иконки SVG, которые можно легко стилизовать с помощью CSS. Все иконки были созданы по индивидуальному заказу и содержат много красивых элементов практически для каждого варианта использования. Есть возможность добавления собственных иконок.

  • home
  • sign-in
  • sign-out
  • user
  • users
  • lock
  • unlock
  • comments
  • hashtag
  • tag
  • cart
  • credit-card
  • mail
  • receiver
  • print
  • search
  • location
  • bookmark
  • settings
  • cog
  • nut
Компонент Инверсия

Важный элемент обновленного дизайна UIkit. Инвертирует большинство других компонентов UIkit 3 для любого фона — темного или светлого. Больше не нужно писать собственные стили при отображении элементов на разных фонах. Просто добавьте класс .uk-light для темного фона в светлом стиле или .uk-dark для светлого фона в темном стиле.

Light

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

Dark

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

Drag and Drop

Компонент позволяет сортировать и перетаскивать объекты. Как на страницах аудиозаписей в соцсетях.

  • Элемент 1

  • Элемент 2

  • Элемент 3

  • Элемент 4

  • Элемент 5

  • Элемент 6

  • Элемент 7

  • Элемент 8

Компонент Навигационная панель

Был расширен новый режим переключения (клик и наведение), добавлен прозрачный вариант, который также можно использовать с компонентом Инверсия. Этот стиль выглядит великолепно на любом фоне. Новый режим dropbar отображает выпадающие списки внутри полноэкранного фонового контейнера.

Фильтр + Masonry

Фильтруйте и сортируйте элементы в многостолбцовых макетах по категории, дате или другим метаданным. В UIkit 3 компонент Фильтр работает отдельно и больше не привязан к сетке. Любой макет может быть отфильтрован или отсортирован независимо от того, как элементы расположены. Он работает с эффектами Masonry и параллакса, примененными к сетке. Элементы исчезают и перемещаются с плавными переходами между различными состояниями фильтрации и сортировки.

  • Белый
  • Синий
  • Черный
  • Маленький
  • Средний
  • Большой
Компонент Карточки

Это новый централизованный способ представления различных видов контента. Он заменяет старый компонент Панели.

Default

Системы неслыханно быстрые ошибаются неслыханно быстро.

Primary

Системы неслыханно быстрые ошибаются неслыханно быстро.

Secondary

Системы неслыханно быстрые ошибаются неслыханно быстро.

Компоненты Drop и Dropdown

Компоненты Drop & Dropdown с их повышенной гибкостью позволяют отображать что угодно. Для определения поведения доступны дополнительные параметры, например выравнивание границ для выравнивания выпадающего списка относительно любого выбранного элемента на странице.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Новый слайдер

Новый компонент Слайдер позволяет отображать несколько элементов контента одновременно. Вы можете переключаться по ряду объектов, плавно раскрывая новые. Слайдер был написан с нуля, разделяя его кодовую базу с компонентом Слайд-шоу. Благодаря этой модульности UIkit JavaScript увеличил размер файла всего на 2 КБ (gzip), включая компонент Слайдер и все другие улучшения. И помните, все это работает без зависимости от jQuery! 🙂 Прокручивается стрелками, точечной навигацией, пальцами или мышкой.

  • Заголовок

    Когда я вижу, как ты верстаешь, малыш, ты меня пугаешь.

  • Заголовок

    Когда я вижу, как ты верстаешь, малыш, ты меня пугаешь.

  • Заголовок

    Когда я вижу, как ты верстаешь, малыш, ты меня пугаешь.

  • Заголовок

    Когда я вижу, как ты верстаешь, малыш, ты меня пугаешь.

  • Заголовок

    Когда я вижу, как ты верстаешь, малыш, ты меня пугаешь.

Компонент Offcanvas

Компонент Offcanvas был полностью переработан, добавлены новые режимы анимации с возможностью реверса.

Заголовок

Работает машина, заменяющая сто человек, а вокруг стоят сто человек и смотрят, как она работает.

Заголовок

Работает машина, заменяющая сто человек, а вокруг стоят сто человек и смотрят, как она работает.

Заголовок

Работает машина, заменяющая сто человек, а вокруг стоят сто человек и смотрят, как она работает.

Заголовок

Работает машина, заменяющая сто человек, а вокруг стоят сто человек и смотрят, как она работает.

Компонент Формы

В UIkit 3 все ранее использующиеся компоненты форм объединили в один. Рассмотрите простой пример создания формы входа UIkit, включающий сразу несколько новых модульных компонентов: форма, наложение, модальные окна, высота, кнопки, инверсия, отступы, позиционирование.

Наложение, Позиции и Переходы

Были разделены, чтобы их можно было использовать вместе с другими компонентами.

Top

Bottom

Left

Right

Margin & Padding

Являются отдельными компонентами и содержат новые модификаторы размера, а также дополнительные классы для удаления полей. Для согласованности некоторые имена классов были изменены или заменены, на что стоит обратить внимание при переносе старого кода.

Блочный элемент

Flex элемент

Toggle

Компонент Toggle получил большую функциональность, например, переключение классов в зависимости от размера области просмотра, даже на самого себя.

Первая анимация

Компонент Фон

Включает в себя красивые параметры фона и поставляется с несколькими режимами отображения и смешивания.

Умножение

Перекрытие

Изображения

Компонент Изображения ускоряет время загрузки страницы и уменьшает трафик, загружая картинки лишь тогда, когда они входят в область просмотра. Это просто находка для желающих приблизить Page Speed к заветной сотне. Вот как это работает:

  • Загружаются только те изображения, которые изначально находятся в окне просмотра.
  • На остальные изображения распространяется ленивая загрузка (Lazy Load).
  • Пустое изображение-плейсхолдер генерируется мгновенно, чтобы предотвратить скачки содержимого, когда изображения загружены или еще не находятся в области просмотра.
  • Опционально, изображение-плейсхолдер может иметь любой вид фона или анимацию предварительной загрузки.

Эта страница лопнет, если мы перечислим все новинки. Поэтому здесь лишь некоторые из новых дополнений UIkit 3.

UIkit на русском языке. Документация, примеры, уроки.

Alpine.js — лёгкая альтернатива jQuery

Я давно уже присматриваюсь к Alpine.js, поскольку этот js-фреймворк разительно выделяется из ряда других. По своей сути он очень близок к Vue.js, но при этом может работать как привычный jQuery.

Основной массе разработчиков просто не нужны все те «фишки», что предлагают React или Vue. Вообще работа с JavaScript всегда происходит по одному алгоритму — вначале получили элемент/элементы на странице, после делаем с ними какие-то манипуляции.

Точно также работает и система событий — прописали либо onclick к нужному html-элементу, либо навесили событие через «слушатель» addEventListener и дальше через js-функцию делаем что нужно. Поскольку JavaScript очень уж многословен, а во многих случаях и неочевиден, то и возникли библиотеки функций — jQuery как раз одна из них. С их помощью работать с js намного приятней.

Но современные js-фреймворки помимо своих функций, предлагают немного другой подход, основанный на синтаксическом «сахаре» — который не имеет никакого смысла вне используемого фреймворка. Такой синтаксис наверное даже удобней функций jQuery (и других аналогов).

За это приходится расплачиваться. Основное ограничение — такие фреймворки требуют для своей работы Node.js, поскольку исходный код нужно скомпилировать в полноценный JavaScript, который уже будет понимать браузер. Да, формально можно использовать готовые сборки того же React или Vue, но размер их js-файлов достаточно большой: 120 и 93Кб. Даже jQuery 3.5 весит меньше — 89Кб. Если мы хотим сэкономить на загрузке (а js-код критично важен для браузера), то нет смысла использовать тот же Vue. И это при том, что в таком варианте мы лишаемся всех «плюшек» синтаксического «сахара».

Использование Node.js тоже не имеет смысла, если нам нужно сделать какие-то простые вещи, вроде сменить css-класс или отследить click на кнопке. Ставить ради этого гигантский Node.js неразумно.

Alpine.js выделяется тем, что имеет очень небольшие размеры (всего 25Кб), не требует компиляции, но при этом поддерживает синтаксический «сахар» как и «большие» фреймворки.

Важно то, что Alpine.js можно загружать в конце BODY, что даёт прирост скорости страницы. Если jQuery (и аналоги) мы вынуждены загружать в секцию HEAD (поскольку в теле страницы произвольно могут встретиться её функции), то с Alpine.js мы вообще не задумываемся об этом. Достаточно прописать загрузку как обычный js-файл:

<script src="https://cdn. jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js"></script>

После этого на странице можно использовать возможности Alpine.

Здесь я хочу обратить внимание на то, что есть существенное отличие от того, как мы привыкли работать с jQuery или даже нативным JS.

Например нам нужно отследить обычный click на каком-то элементе. Обычно мы прописываем css-класс или уникальный id и потом цепляемся к нему с помощью события onclick, в котором прописываем функцию-обработчик.

В Alpine схема заимствованна из «больших» фреймворков (в основном — из Vue), где применяется компонентный подход. В нём мы объявляем, что какой-то элемент, например DIV будет являться компонентом, или в современных терминах — ему добавляется «реактивность». Такой компонент будет представлять собой единую сущность: со своими данным и поведением.

<div x-data>
	содержимое	
</div>

Директива x-data — это та самая инструкция, которая указывает Alpine добавить реактивности в данный блок. Всё, что окажется внутри — и будет представлять собой единый компонент.

В Alpine всего 14 директив и все они начинаются с префикса x-. Основная x-data не только указывает на сам компонент, но и позволяет сразу инициализировать данные.

<div x-data="{t: false}">
	содержимое
</div>

В данном примере будет создана переменная t со значением false. Поскольку это обычный js-объект, то в нём можно определить любые данные (или функцию, которая их вернёт).

Теперь сделаем простой пример, в котором будет отслеживать событие onclick при котором менять css-класс (аля-toggle).

<div x-data="{t: false}">
	<div x-on:click="t = !t" x-bind:class="{ 't-red': t }">Toggle class click</div>
</div>

Toggle class click

В x-data мы создаём переменную, которая будет хранить текущее состояние элемента. Директива x-on:click отслеживает событие onclick, где в кавычках указывается js-код — как будто-бы это обычная js-функция. В данном случае мы инвертируем значение t.

Дальше мы используем директиву x-bind, которая связывает атрибут тэга (здесь это class) с логическими выражениями. Конкретно в этом примере css-класс t-red добавится к этому элементу только, если t будет истинно (true).

Мы кликаем на элементе, меняется переменная t, которая влияет на bind-связку и css-класс автоматом добавляется. Второй клик инвертирует t и класс удаляется.

Этот же самый пример можно оформить ещё проще:

<div x-data="{t: false}">
	<div @click="t = !t" :class="{ 't-red': t }">Toogle class click</div>
</div>

То есть @ заменяется на x-on:, а : на x-bind:.

Можно не создавать оборачивающий блок, если это одиночный элемент:

<div x-data="{t: false}" @click="t = !t" :class="{'t-red': t}">Toogle class click</div>

Похожий пример, только отслеживаем событие аля-hover:

<div x-data="{t: false}">
	<div @mouseover="t = true" @mouseout="t = false" :class="{'t-red': t}">Toogle class hover</div>
</div>

Toogle class hover

Эти примеры очень похожи на то с чем мы постоянно сталкиваемся в jQuery: поменять css-класс при каком-то событии.

Рассмотрим ещё пару примеров. Этот мне особенно нравится:

<div x-data="{ open: false }">
    <button @click="open = true">Open</button>
    
    <div x-show="open" @click.away="open = false" x-cloak>
    	Content
    </div>
</div>

Content

Это обычный dropdown, который раскрывает блок контента по клику. Я использую классы Berry CSS, которые семантически понятны.

Здесь мы определяем переменную open, которая хранит состояние блока контента (скрыт/открыт). У блока контента используется директива x-show, которая содержит js-выражение. Если это false, то x-show скроет блок через display: none. Таким образом, кликнув на кнопку мы открываем блок контента через переменную open.

У контента есть ещё одна директива @click.away, которая указывает на клик, но вне этого блока. Именно поэтому, когда мы повторно кликаем на кнопку или любую другую часть страницы, переменная open становится false и блок скрывается.

Директива x-cloak, а точнее это атрибут тэга, особенная. Её назначение в том, чтобы исчезнуть как только Alpine будет проинициализирован. Смысл в том, что js-файл Alpine может загружаться дольше, чем браузер начнёт отображать страницу, а значит блоки, который по умолчанию должны быть скрыты — будут изначально показаны. И как только сработает Alpine они уже отобразятся как задумано. Вот эта задержка может приводить к неприятному «мельканию». Поэтому для таких блоков достаточно указать x-cloak, а в css-стилях прописать:

<style>
	[x-cloak] {display: none;}
</style>

Пока Alpine не загружена, блок будет скрыт. При этом нам не нужно что-либо ещё отслеживать.

Пример с dropdown может использовать и для меню, и для модальных окон. Мы по сути не написали ни строчки js-кода, а получили потрясающую функциональность. Это не сравнится ни с jQuery, ни с нативным JS.

Ну и последний пример — табы.

<div x-data="{ tab: 'foo' }">
    <button :class="{ 'bg-blue': tab === 'foo' }" @click="tab = 'foo'">Foo</button>
    <button :class="{ 'bg-blue': tab === 'bar' }" @click="tab = 'bar'">Bar</button>
 
	<div>
    	<div x-show="tab === 'foo'">Вкладка Foo</div>
    	<div x-show="tab === 'bar'" x-cloak>Вкладка Bar</div>
    </div>
</div>

Вкладка Foo

Вкладка Bar

Если вы когда-нибудь делали свои табы, то поймёте насколько компактным и универсальным получился этот код. Мне кажется, что более простой реализации и не существует…

Что в итоге? Для меня Alpine.js — настоящая находка, которая доказывает, что использовать js-интерактивность в html-коде можно просто и удобно. При этом возможности Alpine намного больше — многие из них рассчитаны на опытных js-разработчиков. Но и для обычных вебмастеров, которым нужно решать простые задачи, Alpine.js может пригодится как лёгкая замена jQuery.

Создание сайтов (Украина) →

Работа с Ajax в Alpine.js

Админ-панель для Albireo

HTML Код языка ISO

❮ Предыдущий Далее ❯

Коды языков ISO

Всегда следует указывать код атрибут lang внутри Тег для объявления языка Веб-страница. Это предназначено для помощи поисковым системам и браузерам:


…

В XHTML язык объявляется внутри тега следующим образом:


. ..

Коды языков ISO 639-1

ISO 639-1 определяет сокращения для языков:

См. также : Справочник по кодам стран

от
Язык Код ISO
Абхазский аб
Афар аа
Африкаанс и
Акан ак
Албанский кв
Амхарский утра
Арабский ар
Арагонский и
Армянский хай
Ассамский как
Аварик ав
Авестийский
Аймара и
Азербайджанский аз
Бамбара бм
Башкирский ба
Басков ЕС
Белорусский будет
Бенгальский (бангла) млрд
Бихари бх
Бислама до
боснийский бс
Бретонский руб
Болгарский бг
Бирманский мой
каталонский ок
Чаморро ч
Чеченская
Чичева, Чева, Ньянджа нью-йоркский
Китайский ж
Китайский (упрощенный) ж-Ханс
Китайский (традиционный) ж-хант
Чувашский резюме
Корниш кВт
корсиканский совместно с
Кри кр
Хорватский ч
Чехия кс
Датский да
Дивехи, Дивехи, Мальдивские острова дв
Голландский нл
Дзонгка дз
Английский и
Эсперанто эо
Эстонский и
Овца ее
Фарерские острова для
Фиджи фдж
Финский фи
Французский из
Фула, Фула, Пулаар, Пулар и далее
Галисийский гл
Гэльский (шотландский) гд
Гэльский (мэнский) гв
Грузинский ка
немецкий из
Греческий эль
Гренландский кл
Гуарани г
Гуджарати гу
Гаитянский креольский х
Хауса га
Иврит он
Гереро Гц
Хинди привет
Хири Моту хо
Венгерский ху
Исландский это
Идо ио
Игбо иг
Индонезийский ид, в
Интерлингва иа
Интерлингв т. е.
Инуктитут иу
Инупиак ик
Ирландский га
итальянский это
Японский я
Яванский СП
Калааллисут, Гренландия кл
каннада кун
Канури крон
Кашмири кс
Казахский кк
Кхмерский км
Кикую ки
Киньяруанда (Руанда) ряд
Кирунди р-н
Кыргызстан кк
Коми кв
Конго кг
Корейский ко
Курдский ку
Кваньяма кдж
Лаос вот
Латинский ла
Латышский (латышский) ур.
Лимбургский (лимбургский) ли
Лингала п
Литовский л
Луга-Катанга лю ​​
Луганда, Ганда лг
Люксембургский фунтов
Манкс гв
Македонский мк
Малагасийский мг
малайский мс
Малаялам мл
Мальтийский м
Маори миль
маратхи г-н
Маршалловы острова мч
Молдавский пн
Монгольский мин
Науру на
Навахо нв
Ндонга нг
Северный ндебеле и
Непальский не
Норвежский нет
Норвежский букмол №
Норвежский нюнорск нн
Нуосу II
Окситанский ок
Оджибве или
Старославянский, староболгарский у. е.
Ория или
Оромо (Афаан Оромо) или
Осетинский ос
Пали пи
пушту, пушту пс
Персидский (фарси) ФА
польский пл
Португальский пт
пенджаби (восточный) па
Кечуа или
ретороманский п.м.
Румынский ро
Русский руб
Сами се
Самоа см
Санго сг
Санскрит с
Сербский ср
сербско-хорватский ш
Сесото ст
Сетсвана тн
Шона серийный номер
Сычуань И II
Синдхи сд
сингальский и
Сисвати сс
Словацкий ск
Словенский сл
Сомалийский так
Южный ндебеле №
Испанский или
суданский и
Суахили (кисуахили) ПО
Свати сс
Шведский св
тагальский тл
Таитянский ты
Таджикский тг
Тамильский та
Татарский т
Телугу тэ
тайский-й
Тибетский бо
Тигриня ти
Тонга до
Цонга тс
Турецкий т. р.
Туркменский тк
Тви тв
Уйгурский уг
Украинский Великобритания
Урду ур
Узбекский уз
Венда ве
Вьетнамский ви
Волапюк или
Валлон ва
валлийский су
Волоф или
Западно-фризский ф.у.
Коса хв
Идиш йи, йи
Йоруба лет
Чжуан, Чжуан за
Зулу по

❮ Предыдущий Далее ❯


НОВИНКА

Мы только что запустили
Видео W3Schools

Узнать

ВЫБОР ЦВЕТА
КОД ИГРЫ

Играть в игру

Top Tutorials
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3. CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Лучшие ссылки
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

9 Top7 Examples Примеры HTML
Примеры CSS
Примеры JavaScript
How To Примеры
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

API ввода jQuery

Имя Тип По умолчанию
инвалид логический ложь
dropDownWidth Номер/строка ноль
displayMember Нить «»
высота Номер/строка ноль
Предметы Число 8
минДлина Число 1
максимальная длина Число ноль
открыл логический ложь
местохолдер Нить «»
popupZIndex Число 20000
запрос Нить «»
визуализатор функция ноль
ртл логический ложь
режим поиска Нить ‘по умолчанию’
источник Массив, функция []
тема Нить »
значениемембер Нить «»
ширина Номер/строка ноль
сдача Мероприятие
Закрыть Мероприятие
открытым Мероприятие
Выбрать Мероприятие
разрушать Метод
фокус Метод
выбрать все Метод
вал Метод

Список изменений — документация mmenu.

js Список изменений — документация mmenu.js

Открыть меню Перейти к основному содержанию

  1. Версия 9.2 (18 августа 2022 г.)
    1. Начал использовать атрибут inert для лучшей доступности (и меньше логики для достижения того же результата).
    2. Удалена опция sidebar.collapsed.blockMenu в пользу использования инертный атрибут .
    3. Удалена опция iconpanels.blockPanel в пользу использования инертный атрибут.
    4. Логика темы перемещена из надстройки вне холста в собственную надстройку.
    5. Добавлен параметр searchfield.search .
    6. В API добавлен метод темы .
    7. Исправлена ​​ошибка с открытием вертикальных подменю.
    8. Исправлена ​​ошибка с подсчетом элементов списка в вертикальном подменю.
    9. Исправлена ​​ошибка с несколькими меню на разных позициях.
  2. Версия 9. 1 (4 марта 2022 г.)
    1. Расширение positioning перемещено в вариант offCanvas.position .
    2. Расширение тем перемещено в параметр темы .
    3. Удалено полноэкранное расширение .
    4. Добавлены высококонтрастные версии для каждой темы.
    5. Улучшена поддержка языков с письмом справа налево.
  3. Версия 9.0 (25 ноября 2021 г.)
    1. Улучшенная навигация с помощью клавиатуры, также больше не является отдельным дополнением.
    2. Улучшена поддержка программы чтения с экрана, также больше не является отдельным дополнением.
    3. Улучшена логика открытия и закрытия панели.
    4. Открытие и закрытие меню и панелей теперь работает без тайм-аута.
    5. Прекращена поддержка IE11.
    6. Улучшен CSS для современных браузеров.
    7. Обновлен Typescript и SASS.
    8. Переключенный Б.Э.М. обозначение модификаторов.
    9. Удален подключаемый модуль jQuery.
    10. Небольшие улучшения и исправления.
    11. Удален navbar.sticky вариант, панели навигации теперь по умолчанию закреплены.
    12. Удалены initListview , initPanel и закрыть все панели методы из API.
    13. :до Хуки API теперь вызываются только в том случае, если метод действительно что-то делает.
    14. Удалены openPanel:start , openPanel:finish , открыть:старт , открыть:финиш , закрыть:начало , close:finish , initAnchors:before и initAnchors:после хуки из API.
    15. Удалены большинство переменных SCSS в пользу переменных CSS. Остаток SCSS переменные удалены из документов.
    16. Удален --mm-offse-top , --mm-offse-left , --mm-offse-right и --мм-смещение-дно CSS-переменные.
    17. Улучшено дополнение searchfield .
    18. Перемещены разделители , клавиатура , навигация и включает надстройки в ядро.
    19. Удален moveBackground и блокUi опции из надстройки offcanvas .
    20. расширенный.начальный опция для надстройки боковой панели больше не поддерживает значение "запомнить" .
    21. Убрана автовысота , столбцов , разделители , перетаскивание , раскрывающийся список , фиксированные элементы и ленивые подменю надстройки за то, что они устарели, выходят за рамки или слишком несовместимы.
    22. Убраны borderstyle , эффекты , просмотр списка , многострочный , страницадим , всплывающее окно и теней расширения за то, что они устарели, выходят за рамки или легко воспроизводимы с помощью пользовательского CSS.
    23. Удалены все обертки .
  4. Версия 8.5 (27 февраля 2020 г.)
    1. Удалено расширение Tileview .
    2. Удален контент next для надстройки navbar .
    3. Исправлена ​​ошибка в контенте title для надстройки navbar .
    4. Небольшие улучшения и исправления.
  5. Версия 8.4 (19 сентября 2019 г.)
    1. Удален стиль Spacer для элементов списка.
    2. Добавлен метод initListview API.
    3. Исправлена ​​ошибка в дополнении scrollBugFix .
    4. Небольшие улучшения и исправления.
  6. Версия 8.3 (5 сентября 2019 г.)
    1. Добавлена ​​опция navbar.sticky .
    2. Упрощенный CSS для панели навигации и надстройки панели навигации.
    3. Исправлены отступы в навигационных панелях.
    4. Исправление для объединения расширений position-right и fullscreen .
    5. Исправление в дополнении pageScroll .
    6. Исправление в дополнении dropDown .
    7. Исправление в расширении listview .
    8. Изменена переменная SCSS $mm_btnSize на 50px .
    9. Изменена переменная SCSS $mm_listitemSize на 44px .
    10. Переменная SCSS $mm_navbarSize изменена на $mm_listitemSize .
    11. Добавлена ​​переменная SCSS $mm_include_navbars_searchfield .
    12. Добавлен файл polyfills .js для поддержки IE11.
    13. Добавлены запасные варианты для переменных CSS для поддержки IE11.
    14. Обновлено перетащите надстройку и удалите зависимость Hammer.js .
    15. Удалена поддержка частичного использования расширения borderStyle .
    16. Удалено border-offset из расширения borderStyle .
    17. Удалена поддержка частичного использования расширения listview .
    18. Удалена поддержка частичного использования эффектов Panels-Slide-0 и Panels-Slide-100 в расширении Effects .
    19. Удалены эффекты меню-фейд , меню-масштаб , панели-масштаб , панели-слайд-вверх и панель-слайд-вправо эффекты из расширения эффекты .
    20. Удалены все эффекты listitem из расширения Effects .
    21. Удалена опция light из надстройки разделителей .
    22. Удалена поддержка указания функции для параметра navbar.title .
  7. Версия 8.2 (10 июля 2019 г.)
    1. Заменен метод API initPanels (для запуска нескольких панелей) на initPanel (для запуска одной панели).
    2. В надстройку sidebar добавлен параметр expand.initial для управления начальным состоянием боковой панели.
    3. Улучшено дополнение scrollBugFix .
    4. Улучшено дополнение навигационной панели .
    5. Улучшено дополнение для включения/выключения .
    6. Устарело содержимое next для дополнения navbars .
    7. Исправлена ​​ошибка в модуле столбцов .
    8. Исправлена ​​ошибка, из-за которой подключаемый модуль не экспортировался как модуль.
  8. Версия 8.1 (3 июня 2019 г.)
    1. Параметр конфигурации clone перемещен в надстройку offCanvas .
    2. Исправления в поле поиска 9Дополнение 0009.
    3. Содержимое и типы панелей навигации сделаны расширяемыми в дополнении navbars .
  9. Версия 8.0 (31 марта 2019 г.)
    1. jQuery больше не является зависимостью, плагин для него (или для Zepto) создается автоматически, когда он доступен.
    2. Все методы и хуки API, которые принимают объект jQuery в качестве аргумента, теперь возьмите HTMLElement или массив HTMLElements в качестве аргумента.
    3. Теперь плагин написан и может использоваться как модуль EcmaScript 2015.
    4. Плагин теперь написан как класс EcmaScript 2015.
    5. Теперь весь JavaScript в подключаемом модуле набран.
    6. Теперь весь код JavaScript в подключаемом модуле аннотирован.
    7. Скрипт предназначен для современных браузеров, полифиллы необходимы для старых браузеров.
    8. Улучшен и упрощен CSS для переключателей и проверок.
    9. Улучшенный и упрощенный CSS для панелей, списков и панелей навигации.
    10. Navbars в надстройке navbars теперь можно включить/отключить на основе медиа-запроса.
    11. Добавлен параметр использовать для панели навигации в надстройке панели навигации .
    12. Удален параметр navbar.height в пользу использования другой переменной CSS --mm-navbar-size для каждой панели навигации.
    13. Панель значков теперь можно активировать/деактивировать на основе мультимедийного запроса.
    14. Параметр iconbar.add переименован в iconbar.use .
    15. Добавлен параметр iconbar.position .
    16. Удалено diviters.fixed Опция , теперь все разделители по умолчанию липкие.
    17. Удален параметр конфигурации pageScroll.scrollOffset в пользу использования собственного метода element.scrollIntoView.
    18. Переименование переменной mm_include_listviews_spacer SCSS в mm_include_listview_spacer .
    19. Все переменные CSS перемещены в глобальную область ( : root ).
    20. CSS для элементов списка Spacer перемещен в представление списка расширение.
    21. CSS для разделителей перемещен в надстройку разделителей .
    22. Удалена опора беседки.
    23. Реструктурированные файлы.
    24. Параметр конфигурации fixedElements.elemInsertMethod заменен на fixedElements.fixed. insertMethod .
    25. Параметр конфигурации fixedElements.elemInsertSelector заменен на fixedElements.fixed.insertselector .
    26. Удален offCanvas.page.wrapIfNeeded , страница теперь всегда переносится при необходимости.
    27. Gulp обновлен до версии 4 для процесса сборки.
    28. Изменен процесс сборки в пользу модуля ES6.
    29. Изменен процесс пользовательской сборки в пользу модуля ES6.
    30. Удалена оболочка мобильной платформы jQuery.
    31. Удалена оболочка фреймворка bootstrap 3.
  10. Версия 7.2 (23 сентября 2018 г.)
    1. Добавлены переменные CSS для цветов.
    2. Добавлены переменные SCSS и CSS для смещения вверх/вправо/вниз/влево.
    3. Добавлено теневое меню в расширение shadows .
    4. Исправления
  11. Версия 7.1 (14 сентября 2018 г.)
    1. Поддержка RTL перемещена из отдельного дополнения в файлы ядра, расширения и дополнения.
    2. Удалено RTL Надстройка
    3. Добавлен параметр конфигурации язык .
    4. Добавлены русские переводы.
    5. Изменена конфигурация надстройки offCanvas .
    6. Заменены некоторые переменные SCSS переменными CSS на переменные SCSS в качестве запасного варианта.
    7. Изменения в переменных SCSS.
    8. Добавлен параметр fitViewport в раскрывающемся списке надстройки .
    9. Удалены некоторые основные переменные $mm_opt_ SCSS.
    10. Обновлен аддон screenReader с добавлением текста в блокировщик страниц.
    11. Улучшено клавиатураНавигация надстройка.
    12. Исправления.
  12. Версия 7.0 (4 января 2018 г.)
    1. Добавлено дополнение iconbar .
    2. Расширения для панели значков и для широкоэкранных расширений заменены надстройкой для боковой панели .
    3. Добавлена ​​вкладка , похожая на стиль для надстройки navbars .
    4. Обновлен надстройкой iconPanels с новыми параметрами.
    5. Обновлен аддон backButton с новыми параметрами.
    6. Обновлено дополнение searchfield с новыми параметрами.
    7. Удалены параметры initPanels и initMenu в пользу параметра hooks .
    8. Реализован (своего рода) Б.Э.М. структуру для CSS-фреймворка.
    9. Добавлена ​​опция тип в надстройке делителей .
    10. Улучшено matchMedia для адаптивных расширений и параметров.
    11. Полностью извлечено расширение для позиционирования из надстройки offCanvas .
    12. Опция navbar.title теперь может быть функцией.
    13. Удалена опция diviters.collapse в пользу использования вертикальных подменю.
    14. Удален параметр offCanvas.zposition: «следующий» .
    15. Разделитель и разделитель css из расширения listview перемещены в ядро.
    16. Разделите переменные и примеси SCSS на расширение и надстройку.
    17. Добавлены переменные SCSS для отказа от почти всех CSS.
    18. Стиль наследует больше от стилей веб-сайта.
  13. Версия 6.1 (16 мая 2017 г.)
    1. Использование машинописного текста .
    2. Использование gulp-sass вместо gulp-ruby-sass .
    3. Удалены «переключатели» и «галочки» из результатов поиска в панели результатов .
    4. Добавлена ​​поддержка липких элементов в fixedElements 9Дополнение 0009.
    5. Задержка открытия меню через хэш URL до добавления перехватчиков API.
    6. Отключена надстройка keyboardNavigation для сенсорных экранов.
    7. Добавлен параметр конфигурации sticky. offset для надстройки fixedElements .
    8. Исправление надстройка lazySubmenus с выбранным элементом.
    9. Исправление надстройка autoHeight с вертикальными подменю.
    10. Исправление в дополнении screenReader .
    11. Опционально пользовательская сборка UMD.
  14. Версия 6.0 (20 марта 2017 г.)
    1. Добавлен адаптивный вариант для расширений.
    2. Добавлено дополнение pageScroll .
    3. Плагин теперь доступен для перевода.
    4. Добавлены переводы для голландского и немецкого языков.
    5. Простые пользовательские сборки с помощью Gulp.
    6. Добавлено дополнение screenReader к ядру и включено по умолчанию.
    7. Добавлено "nolistview" и "nopanel" от до classNames параметр конфигурации.
    8. Изменена файловая структура для основных JS и CSS.
    9. Включен отказ от частей CSS.
    10. Добавлено расширение списка .
    11. Рефакторинг расширения justifiedListview в расширении listview .
    12. Сделал файл UMD файлом по умолчанию.
    13. Улучшено дополнение navbars .
    14. Улучшена клавиатура Navigation 9Дополнение 0009.
    15. Улучшено дополнение screenReader .
    16. Добавлено и переименовано множество методов и хуков API.
    17. Удален метод update из API.
    18. Параметр update изменен на count для надстройки counters .
    19. Удалено значение "panel" для параметра navbar.titleLink .
    20. Добавлены "fx-panels-slide-up" и "fx-panels-none" на влияет на расширение .
    21. Добавлена ​​переменная $mm_pagedimOpacity SCSS для расширения pageDim .
    22. Переименованы эффекты в расширении эффектов .
    23. Изменения CSS.
    24. Обновлена ​​оболочка фреймворка turbolinks .
    25. offCanvas.menuInjectMethod больше не ограничивается «добавлять» или «добавлять» .
    26. Заменил offCanvas.menuInjectMethod 9Параметр конфигурации 0009 с offCanvas.menuInsertMethod .
    27. Параметр конфигурации offCanvas.menuWrapperSelector заменен на offCanvas.menuInsertSelector .
    28. Добавлены параметры конфигурации fixedElements.elemInsertMethod и fixedElements.elemInsertSelector .
    29. Много рефакторинга.
  15. Версия 5.7 (20 августа 2016 г.)
    1. Добавлено клавиатураНавигация надстройка.
    2. Добавлено дополнение lazySubmenus .
    3. Добавлена ​​оболочка фреймворка Bootstrap .
    4. Добавлены опции initMenu и initPanels .
    5. Метод API init переименован в initPanels .
    6. Добавлено дополнение RTL .
    7. Интегрировано расширение leftSubpanels в надстройку RTL .
    8. Интегрированный currentItem в надстройку setSelected .
    9. Объединил надстройки dragOpen и dragClose в надстройку drag .
    10. Объединены расширения pageshadow и panelshadow в расширение shadows .
    11. Удалена опция hideNavbars для надстройки columns .
    12. Удалена опция hideNavbars для надстройки iconPanels .
    13. Добавлен цвет scss для панелей навигации.
    14. Улучшена оболочка фреймворка WordPress.
    15. Улучшена поддержка IE9.
    16. Исправлена ​​проблема с открытием меню из второго меню.
  16. Версия 5. 6 (16 января 2016 г.)
    1. Исправлена ​​проблема с меню на холсте.
    2. Лицензия изменена на CC-BY-NC-4.0.
    3. Добавлено расширение justiedListview .
    4. Добавлено расширение popup .
    5. Добавлено столбцов надстройка.
    6. Добавлен выпадающий аддон .
    7. Добавлено дополнение screenReader .
    8. Добавлено дополнение setSelected .
    9. Добавлена ​​оболочка фреймворка AngularJS .
    10. Добавлена ​​оболочка Magento framework.
    11. Добавлено "наивысшее" в качестве значения для параметра autoHeight.height .
    12. Добавлен параметр counters.addTo .
    13. Добавлен параметр searchfield.resultsPanel .
    14. Поле поиска сначала ищет атрибут data-mm-searchtext .
    15. Добавлены параметры конфигурации для аддона searchfield .
    16. Добавлены методы обратного вызова opensPanel , openPanel , closePanel и ClosedPanel в API.
    17. Меню открывается, если меню ID в хеше URL.
    18. Улучшен отладчик.
    19. Переключился на Gulp в качестве средства запуска задач.
    20. Установите файл UMD в качестве основного файла в bower.json en package.json
    21. Оптимизированы префиксы поставщиков css с помощью Gulp Autoprefixer.
    22. Изменена структура файлов и имена каталогов.
    23. Исправлены проблемы и ошибки.
  17. Версия 5.5 (29 сентября 2015 г.)
    1. Параметр offCanvas.modal заменен на offCanvas.blockUI .
    2. Удалена опция onClick.blockUI .
    3. Добавлено расширение pageDim .
    4. Добавлен стиль "border-offset" в расширение borderStyle .
    5. Добавлены эффекты "listitems-fade" и "listitems-drop" в расширение эффектов .
    6. Изменены имена для эффектов расширения .
  18. Версия 5.4 (15 августа 2015 г.)
    1. Добавлена ​​оболочка jQuery Mobile framework.
    2. Добавлена ​​оболочка платформы Olark .
    3. Добавлена ​​оболочка Turbolinks .
    4. Добавлена ​​оболочка платформы WordPress .
    5. Изменена разметка HTML для панелей.
    6. Добавлен параметр конфигурации offCanvas.noPageSelector .
    7. Структура файла изменена.
    8. Мелкие исправления и изменения.
  19. Версия 5.3 (16 июня 2015 г.)
    1. Добавлено панировочные сухари для содержания навара.
    2. Добавлено расширение tileview .
    3. Добавлено дополнение iconPanels .
    4. Добавлена ​​опция navbar.add .
    5. Упрощенные цвета примесей SCSS.
    6. Небольшие улучшения в структуре CSS.
  20. Версия 5.2 (11 мая 2015 г.)
    1. Добавлены эффекты "fade-menu" и "слайд-список" .
    2. Добавлено 9Надстройка 0008 iconPanels .
    3. Добавлена ​​поддержка нескольких панелей навигации в одном меню.
    4. Добавлен параметр navbars.height .
    5. Интегрировано дополнение searchfield в дополнение navbars .
    6. Добавлены опции navbar.title и navbar.titleLink для использования без надстройки navbars .
    7. На главную панель добавлена ​​панель навигации для использования без надстройки navbars .
    8. Добавлена ​​поддержка "вложенных" списков.
    9. Добавлен параметр конфигурации offCanvas.wrapPageIfNeeded .
    10. Улучшено закрытие нескольких панелей одновременно.
    11. Восстановлена ​​поддержка проверок и переключений в вертикальных подменю.
  21. Версия 5.1 (20 апреля 2015 г.)
    1. Заменены надстройки header , footer и buttonbars надстройкой navbars .
    2. Изменен эффект "слайд" до "слайд-меню" .
    3. Добавлены эффекты "слайд-панели-0" и "слайд-панели-100" .
    4. Добавлено имя класса утилиты мм-стрелка .
    5. Улучшена навигация без списка.
  22. Версия 5.0 (21 марта 2015 г.)
    1. Стандартизированная HTML-разметка для панелей и списков.
    2. Изменения стиля, цвета и размера.
    3. Пользовательское событие перемещено в методы API.
    4. Добавлен метод closeAllPanels API.
    5. Добавлено расширение страницы Shadow .
    6. Добавлено многострочное расширение .
    7. Добавлено расширение borderStyle .
    8. Добавлено дополнение sectionIndexer .
    9. Добавлено дополнение backButton .
    10. Заменил надстройку этикетки на надстройку разделителей .
    11. Добавлено добавлено , добавлено к и исправлено вариантов для надстройки делителей .
    12. Добавлена ​​опция titleLink для надстройки header .
    13. Параметр showLinksOnly изменен на showTextItems для надстройки searchfield .
    14. Добавлен параметр showSubPanels для надстройки searchfield .
    15. Вертикальные подменю стали возможными для каждой панели.
    16. Изменено имя класса "mm-метка" и "Метка" 9от 0009 до "мм-делитель" и "делитель" .
    17. Имя класса "mm-list" изменено на "mm-listview" .
    18. Заменен параметр «классы» на массив «расширения» .
    19. iconbar и широкоэкранные расширения необходимо добавить к опции «расширения» .
    20. Стиль и функциональность из надстройки заголовка объединены в подзаголовок по умолчанию.
    21. Удален mm_colors_header миксин SCSS.
    22. Добавлено ontouchmove на оверлее, чтобы закрыть меню.
    23. data-target Добавляется в якоря для поддержки начальной загрузки.
    24. Расширенная структура надстройки.
    25. Минимизированные файлы .js и сгенерированные файлы .css перемещены в папку «dist».
    26. Добавлена ​​поддержка турболинков.
    27. Исправлено поле поиска в панели DIV.
    28. Расширенные пространства имен событий с именем надстройки.
  23. Версия 4.7 (10 ноября 2014 г.)
    1. Исправлены проблемы с якорями.
    2. Переписана структура надстройки.
    3. Переписан модуль фиксированных элементов.
    4. Добавлен параметр конфигурации searchfield. form .
  24. Версия 4.6 (24 октября 2014 г.)
    1. Представлен внешний сценарий отладки.
    2. Добавлена ​​поддержка изменяемых кнопок/содержимого в шапке.
    3. Добавлена ​​поддержка закрыть кнопку в шапке.
    4. Добавлен объект для опций, зависящих от поставщика.
    5. Небольшие исправления CSS.
  25. Версия 4.5 (29 августа 2014 г.)
    1. Удалена поддержка эффекта "масштабирования страницы".
    2. Перенесено с использования слева/сверху/справа/снизу на перевода для всех переходов CSS.
    3. Добавлено кнопок надстроек.
    4. Добавлена ​​возможность создавать галочки в включает надстройку .
    5. Добавлено дополнение нижнего колонтитула .
    6. Поддержка фиксированных элементов внутри страницы перенесена в надстройку.
  26. Версия 4.4 (18 августа 2014 г.)
    1. Добавлена ​​возможность помещать текст/html в шапку кнопок «предыдущая» и «следующая».
    2. Дополнение dragOpen обновлено последней версией библиотеки Hammer (и больше не требует подключаемого модуля jQuery.hammer).
    3. В пакет загрузки добавлен файл шаблона для надстроек.
    4. Удалены ненужные префиксы поставщиков в структуре CSS.
    5. Добавлена ​​возможность загрузки и запуска нового контента в меню.
    6. Смещение панели при открытии подпанели изменено с 40% до 30%.
    7. Небольшие улучшения CSS.
  27. Версия 4.3 (3 июня 2014 г.)
    1. Примеси и переменные SCSS с префиксом.
    2. Улучшена производительность при больших меню.
    3. Добавлены файлы JS с поддержкой шаблонов umd.
    4. Добавлена ​​возможность добавления поля поиска на панель.
    5. Добавлено переключает надстройку .
    6. Добавлена ​​поддержка меню на холсте.
    7. Разделить поведение по умолчанию на меню на холсте с надстройкой вне холста.
    8. Удалены метки. Исправлено из-за плохой производительности.
    9. Удалена поддержка IE8.
    10. модальные параметры и moveBackground перемещены в объект offCanvas .
    11. Перемещено pageNodetype , pageSelector , menuWrapperSelector и menuInjectMethod config options to offCanvas объект.
    12. Конфигурация имен классов перемещена в объект classNames .
  28. Версия 4.2 (5 марта 2014 г.)
    1. Улучшена структура CSS для устранения сбоя при открытии.
    2. Устарело использование позиции : "верхняя"/"нижняя" в сочетании с zposition: "назад"/"следующая" в пользу улучшенной структуры CSS.
    3. Удалены старые устаревшие предупреждения.
    4. Небольшие улучшения JS и CSS.
    5. Удален параметр конфигурации preventTabbing .
    6. Добавлен параметр конфигурации menuInjectMethod .
    7. Добавлен параметр конфигурации menuWrapperSelector .
  29. Версия 4.1 (14 ноября 2013 г.)
    1. Добавлена ​​опция labels для фиксированных меток и меток, которые сворачивают последующие элементы списка в качестве надстройки.
    2. Добавлена ​​поддержка надстройки заголовка в вертикальных меню.
    3. Добавлен параметр header.content для предварительного определения содержимого заголовка.
    4. Представлено имя класса Разделитель для добавления интервала между элементами списка в меню.
    5. Метки используют многоточие для выходящего за пределы текста.
    6. Мелкие исправления.
  30. Версия 4.0 (29 октября 2013 г.)
    1. Полностью переписан плагин на объектно-ориентированный класс.
    2. Стиль адаптирован для iOS7.
    3. Начато использование SCSS.
    4. Использование платформы SCSS для автоматического создания CSS для настраиваемых цветов.
    5. Использование платформы SCSS для автоматического создания CSS для настраиваемой минимальной и максимальной ширины/высоты.
    6. Перемещены файлы JS и CSS для счетчиков , поля поиска и dragOpen в отдельные файлы дополнений.
    7. Переименованы файлы JS и CSS.
    8. Улучшена разметка HTML и структура CSS.
    9. Улучшен CSS для элементов переменной высоты.
    10. Улучшены параметры и поведение вне меню.
    11. Добавлена ​​опция header для фиксированного заголовка меню в качестве надстройки.
    12. Добавлена ​​опция классов .
    13. Добавлен параметр dragOpen.maxStartPos .
    14. Параметр counters.count изменен на counters.update .
    15. Добавлено полноэкранное расширение CSS.
    16. Добавлено эффектов Расширение CSS.
    17. Добавлены темы по умолчанию белая и черная Расширения CSS.
    18. Плагин добавляет имя класса mm-current в открытое в данный момент меню и открытую панель.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *