jQuery EasyUI Базовый плагин -Tooltip

jQuery EasyUI 插件jQuery EasyUI Плагины

Переопределите значения по умолчанию через $.fn.tooltip.defaults.

Когда пользователь наводит указатель мыши на элемент, появляется окно всплывающей подсказки с дополнительной информацией. Содержимое подсказки может включать любой HTML-элемент со страницы или сгенерированный через ajax.

Использование

Создание всплывающей подсказки

1. Создайте всплывающую подсказку из разметки: добавьте класс 'easyui-tooltip' к элементу, код JavaScript не требуется.

<a href="../index.html" title="This is the tooltip message." class="easyui-tooltip">Hover me</a>

2. Создайте всплывающую подсказку с помощью JavaScript.

<a id="dd" href="#">Click here</a>

$('#dd').tooltip({
    position: 'right',
    content: '<span style="color:#fff">This is the tooltip message.</span>',
    onShow: function(){
        $(this).tooltip('tip').css({
            backgroundColor: '#666',
            borderColor: '#666'
        });
    }
});

Свойства

Name Type Описание Значение по умолчанию
position string Позиция всплывающей подсказки. Возможные значения: 'left', 'right', 'top', 'bottom'. bottom
content string Содержимое всплывающей подсказки. null
trackMouse логическое значение Если установлено значение true, всплывающая подсказка перемещается вместе с мышью. false
deltaX число Горизонтальное расстояние позиции всплывающей подсказки. 0
deltaY число Вертикальное расстояние позиции всплывающей подсказки. 0
showEvent string Событие, которое вызывает появление всплывающей подсказки. mouseenter
hideEvent string Событие, которое вызывает исчезновение всплывающей подсказки. mouseleave
showDelay число Задержка времени для показа всплывающей подсказки. 200
hideDelay число Задержка времени для скрытия всплывающей подсказки. 100

Events

Name Parameters Описание
onShow e Срабатывает, когда всплывающая подсказка показана.
onHide e Срабатывает, когда всплывающая подсказка скрыта.
onUpdate content Срабатывает при обновлении содержимого всплывающей подсказки.
onPosition left,top Срабатывает при изменении положения всплывающей подсказки.
onDestroy none Срабатывает при уничтожении всплывающей подсказки.

Методы

Name Parameters Описание
options none Возвращает свойство options.
tip none Возвращает объект tip.
arrow none Возвращает объект arrow.
show e Показать всплывающую подсказку.
hide e Скрыть всплывающую подсказку.
update content Обновить содержимое всплывающей подсказки.
reposition none Сбросить положение всплывающей подсказки.
destroy none Уничтожить всплывающую подсказку.
jQuery EasyUI 插件Плагины jQuery EasyUI Другие расширения