Сегодня я бы хотел рассказать о расширении Bootstrap 3 Popover при помощи WebUI Popover. На самом деле Webui Popover является мощным, но достаточно простым плагином jQuery который используется для расширения компонента bootstrap popover со следующими расширенными функциями: автоположение, более конкретные позиции, пользовательские триггеры, Pop с любыми элементами (Таблица, список, элемент iframe, и т. д.), а также пользовательские события обратного вызова. Думаю каждый из вас найдет готовые решения для себя.

 

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

Шаг 1. HTML

Для начала загрузите требуемую таблицу стилей jQuery WebUI Popover в разделе head:

Теперь загрузите библиотеку jQuery и плагин jQuery WebUI Popover внизу для более быстрой загрузки страницы:

Шаг 2. JS

Основное использование:

У нас будут настройки по умолчанию, которые выглядят следующим образом:

Также есть метод при использовании API:

Плагин имеет еще множество настроек, вы можете в этом сами убедиться просмотрев документацию в исходниках к данному уроку.

Вот и все. Готово!