JQuery UI API - член подсказке окно (подсказке Widget)
категория
использование
Описание: настраиваемый, themable подсказке окно, заменить родную коробку в подсказке.
Новая версия: 1.9
Подсказке коробка (подсказке) заменил родную коробку в подсказке, так что они могут тематизации, а также позволяет различные настройки:
- Дисплей не только название другого контента, так же, как сноски или инлайн по Ajax для получения дополнительного контента.
- Пользовательский таргетинг, например, по центру на поле элемент подсказке.
- Добавьте дополнительные стили, чтобы настроить внешний вид предупреждения или ошибки региона.
градиент анимации по умолчанию, чтобы показать и скрыть подсказке окно, по сравнению с простым переключением видимость такой внешний вид более духовной. Это может show и hide параметры настройки.
items и content варианты должны идти в ногу. Если вы измените один, вам нужно будет изменить другой.
В целом, инвалиды элементы не будут вызывать какие-либо события DOM. Таким образом, подходящим инструментом для контроля воздушного шара отключить элемент не представляется возможным, потому что мы должны слушать события, чтобы определить, когда, чтобы показать и скрыть окно всплывающей подсказки. Это приводит к JQuery UI не может гарантировать поддержку инвалидов элемента, прикрепленного к кончику ящик для инструментов на любом уровне. Это означает, что если вам нужно приглашение для элементов с ограниченными физическими возможностями, вам, возможно, придется использовать смесь родного и JQuery UI на воздушном шаре подсказке поле.
Тематизация
член подсказке окно (подсказке Widget) с помощью рамки JQuery UI CSS , чтобы определить внешний вид и его стиль. Если вам нужно использовать указанный ящик подсказке стиля, вы можете использовать следующее имя класса CSS:
-
ui-tooltip: подсказке коробки внешнего контейнера.-
ui-tooltip-content: подсказке содержимого коробки.
-
полагаться
- Ядро пользовательского интерфейса (UI ядра)
- Библиотеки компонентов (Widget Factory)
- Расположение (Position)
- Эффекты Ядро (Core Effects) (опционально, когда
showиhideпри использовании с опциями)
дополнительная информация
- Часть требует некоторой функциональной CSS, в противном случае она не будет работать. Если вы создаете собственную тему, используйте виджет указанный файл CSS в качестве отправной точки.
примеров
Используйте все элементы с атрибутом заголовка брокера событий, чтобы создать поле острия инструмента (Tooltip) на документе.
<! DOCTYPE HTML> <HTML LANG = "EN"> <Head> <Meta Charset = "UTF-8"> <Title> член подсказке окно (подсказке Widget) Demo </ title> <Link отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <Script SRC = "// code.jquery.com/jquery-1.10.2.js"> </ скрипт> <Script SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ скрипт> </ Head> <Body> <P> <a href="#" title="锚描述"> якорный текст </a> <Название Input = "Input Help"> </ P> <Script> $ (Документ) .tooltip (); </ Script> </ Body> </ HTML>