Подсказка очень полезна, когда вы хотите описать ссылку. Плагин для подсказок вдохновлена jQuery.tipsy, написанный Джейсоном Фреймом. Плагин для подсказки инструментов сделал много улучшений, таких как не полагаться на изображения, но вместо этого использование CSS для достижения эффектов анимации и использования атрибутов данных для хранения информации о заголовке.
Если вы хотите ссылаться на функциональность плагина отдельно, вам необходимо ссылаться на Tooltip.js. Или, как упомянуто в главе обзора плагинов Bootstrap, вы можете обратиться к Bootstrap.js или сжатым версиям Bootstrap.min.js.
1. Использование
Подключаемые подключаемые плагины генерируют контент и теги на основе требований. По умолчанию подсказки расположены за их триггерными элементами. Есть два способа добавить подсказки:
1. Через атрибут данных: если вам нужно добавить подсказку, просто добавьте Data-toggle = "Tool Putip" в якорный тег. Название якоря - текст всплески инструментов. По умолчанию плагин устанавливает подсказку вверху.
<a href = "#" data-toggle = "tooltip">, пожалуйста, зависеть от меня </a>
2. Через JavaScript: Trigger Tooltip (Tooltip) через JavaScript:
$ ('#Identifier'). Tooltip (опции)Плагин для подъема инструментов не похож на раскрывающиеся меню и другие плагины, обсуждаемые ранее, это не чистый плагин CSS. Чтобы использовать плагин, вы должны активировать его, используя jQuery (читать JavaScript). Используйте следующий скрипт, чтобы включить все мощные мощности на странице:
$ (function () {$ ("[[data-toggle = 'tooltip']"). Tooltip ();});2. Варианты
Есть некоторые параметры, которые добавляются через API данных Bootstrap Data (API Data Bootstrap или через JavaScript. В следующей таблице перечислены эти параметры:
три. По мотивам инструментов
// Основной пример <a href = "#" data-toggle = "tooltip"> html5 </a> // часть JS должна объявить $ ('#section'). Tooltip ();Подсказки инструментов имеют много свойств для настройки отображения подсказок, следующим образом:
<a href = "#" rel = "tooltip" data-toggle = "tooltip" data-animation = "false" data-html = "true" data-placement = "auto" data-selector = "a [rel = tooltip]" data-trigger = "click" data-delay = "500" data-template = "<b> 123 </b>
Просто удалите предыдущие данные в JavaScript. В том числе: анимация, HTML, размещение, селектор, оригинальный титл, заголовок, триггер, задержка, контейнер и шаблон и другие свойства.
// метод javascript $ ('#Раздел A'). Tooltip ({Delay: {Show: 500, Hide: 100,}, контейнер: 'body'});Есть четыре метода для JavaScript: показать, скрыть, переключить и уничтожить.
// Показать $ ('#Раздел A'). Tooltip ('show'); // скрыть $ ('#раздел A'). Tooltip ('hide'); // инвертировать показывать и скрыть $ ('#раздел A').Есть четыре типа событий в всплеске инструментов.
// События, другие сходства
$ ('#select a'). on ('show.bs.tooltip', function () {alert ('бесплатно, когда шоу называется!');});Эта серия учебных пособий была составлена в: Bootstrap Basic Lutorials Специальные темы, добро пожаловать, чтобы щелкнуть, чтобы учиться.
Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию плагина Bootstrap
Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.