Подключаемость начальной загрузки обеспечивает расширенный вид. Подплуживающий плагин генерирует контент и теги в соответствии с требованиями. По умолчанию всплывающие окна размещаются за их триггерными элементами.
Поповер похож на всплеск инструментов, обеспечивая расширенный вид. Чтобы активировать всплывающее окно, пользователю просто нужно зависать над элементом. Содержание всплывающего окна может быть полностью заполнено с помощью API данных Bootstrap Data (API данных Bootstrap Data). Этот метод опирается на подсказки инструментов.
Если вы хотите ссылаться на функциональность плагина отдельно, вам необходимо ссылаться на Popover.js, который опирается на плагин для подсказок. Или, как упомянуто в главе обзора плагинов Bootstrap, вы можете обратиться к Bootstrap.js или сжатым версиям Bootstrap.min.js.
1. Использование
Плагин Popover генерирует контент и теги на основе потребностей. По умолчанию поповры помещаются за их триггерные элементы. Вы можете добавить поповерс двумя способами:
Передайте свойство данных: чтобы добавить Popover, просто добавьте Data-toggle = "popover" к метке якоря/кнопки. Название якоря - текст Поповер. По умолчанию плагин устанавливает Popover вверху.
<a href = "#" data-toggle = "popover">, пожалуйста, парят над моим </a>
Через JavaScript: включить Popover через JavaScript:
$ ('#Идентификатор'). Попвер (опции)
Плагин Popover не похож на раскрывающиеся меню и другие плагины, обсуждаемые ранее, это не чистый плагин CSS. Чтобы использовать плагин, вы должны активировать его, используя jQuery (читать JavaScript). Используйте следующий скрипт, чтобы включить все Popovers на странице:
$ (function () {$ ("[data-toggle = 'popover']"). popover ();});
2. Примеры
Всплывающее окно-нажать на элемент, чтобы вспять контейнер, содержащий заголовок и контент.
// Основное использование <button Type = "button" data-toggle = "popover" data-content = "Это плагин всплывающего окна"> Нажмите, чтобы вспять/скрыть окно всплывающего окна
Подплуживающий плагин обладает множеством свойств для настройки отображения подсказок, следующим образом:
$ ('button'). Popover ({intainer: 'body', viewport: {selector: '#view', padding: 10,}});Есть четыре метода для выполнения через JavaScript.
// показать $ ('button'). Popover ('show'); // скрыть $ ('кнопка'). Popover ('hide'); // инвертировать шоу и скрыть $ ('кнопка'). Popover ('toggle'); // скрыть и уничтожить $ ('кнопка'). Popover ('dissult');В плагине Popover есть четыре типа событий:
// события, другие, подобные $ ('кнопка'). On ('show.bs.tab', function () {alert ('бесплатно при вызове метода шоу!');});Выше всего об этой статье. Я надеюсь, что для всех будет полезно изучить всплывающий плагин Bootstrap.