Bootstrap плагин Обзор
В предыдущем разделе обсуждалосьрасположение компонентов для сборки это только начало.Бутстрап поставляется с 12 видов JQuery плагин расширяет функциональные возможности могут быть добавлены на сайт более интерактивным. Даже если вы не являетесь опытным разработчиком JavaScript, вы можете также начать изучать бутстраповская JavaScript плагинов. Использование API Bootstrap данных (Bootstrap Data API), большинство из плагина может быть вызван без написания кода.
Сайт Ссылки Bootstrap плагин двумя способами:
- Один Цитата: использовать отдельный* .jsфайлы Bootstrap.Некоторые плагины и CSS компонент зависит от других плагинов. Если подключить отдельную ссылку, убедитесь, что они понимают, что зависимость между плагинами.
- Компиляция (одновременно) Цитата: Используйтеbootstrap.jsили сжатую версиюbootstrap.min.js.
Не пытайтесь процитировать эти два файла, и потому , что bootstrap.jsbootstrap.min.js содержат все плагины.
данные о свойствах
- Вы можете только быть в состоянии использовать все данные атрибута Bootstrap плагин API, не написав ни строчки кода JavaScript. Это первый класс Bootstrap API, он должен быть вашим предпочтительным способом.
- Опять же, в некоторых случаях вам может понадобиться отключить эту функцию. Таким образом, мы также предлагаем атрибут данных метод закрытого API, а именно поднять пространство имен данных апии обязательным для событий документов. Такие, как следующее:
$ (Документ) .off ( '. Data-апи')
- Чтобы закрыть конкретный плагин, как раз перед пространством имен данных апи плюс имя виджета в пространстве имен, как показано здесь:
$ (Документ) .off ( '. Alert.data-апи')
Programmatic API
Мы предлагаем путь к чистым JavaScript API для всех плагинов Bootstrap. Все вызовы API общественных поддерживаются в индивидуальном порядке или в режиме прикован, и возвращает набор элементов она работает (Примечание: форма и вызывать Jquery соглашение). Например:
$ ( ". Btn.danger"). Кнопка ( "переключение"). AddClass ( "жир")
Все методы могут принимать дополнительные параметры объекта в качестве параметра, или строка, представляющая конкретный метод, или без каких-либо параметров (в данном случае, он будет инициализировать плагин для поведения по умолчанию), следующим образом:
// Initialized поведение по умолчанию $ ( "# myModal"). Режимное ()
// Инициализировать клавиатуры не поддерживает $ ( "# myModal") модальный ({клавиатуры: ложь}).
// Инициализировать и немедленно вызвать шоу
$ ( "# MyModal"). Режимное ( 'шоу')
Каждый плагин наКонструктора свойство также предоставляет свой оригинальныйконструктор:$ .fn.popover.Constructor.Если вы хотите получить экземпляр конкретного виджета вы можете получить непосредственно через элементы страницы:
$ ( '[Rel = поповер]'). Данные ( 'поповер').
Избегайте столкновений пространства имен
Иногда Bootstrap плагины, возможно, придется использовать с другими системами пользовательского интерфейса. В этом случае столкновения пространства имен может произойти. К сожалению, если это произойдет, вы можете восстановить свое первоначальное значение посредством вызова методов виджета.noConflict.
// Возвращает $ .fn.button перед назначенным значением вар bootstrapButton = $ .fn.button.noConflict () // Для $ (). Функции BootstrapBtn присвоил Bootstrap $ .fn.bootstrapBtn = BootstrapButton
событие
Bootstrap предоставляет пользовательское событие как уникальное поведение большинства плагинов. Как правило, эти события в двух формах:
- Инфинитив: Это будет срабатывать , когда начинается событие.Такие , какнапример: шоу.Инфинитив событие предоставляет функциюpreventDefault.Это делает возможным, чтобы остановить операцию до начала события.
$ ( '# MyModal'). На ( 'show.bs.modal', функция (е) { отображается // Предотвращение модальное окно, если (Data!) вернуть e.preventDefault () }) - Прошлое формы причастия: Это будет запущено после завершения операции.Такие , какнапример: показано.