Задержка события mouseleave с помощью всплывающей подсказки AngularUI

Я пытаюсь добавить всплывающую подсказку к кнопке, внутри которой есть ссылка. Мне нужно, чтобы всплывающая подсказка откладывала закрытие сразу или позволяла мне навести на нее курсор, чтобы щелкнуть ссылку во всплывающей подсказке. Я попытался добавить новое событие с помощью setTriggers, но не смог запустить пользовательское событие. Посмотрите на этот plunkr пример того, как он работает у меня сейчас.


person Ty Danielson    schedule 18.09.2013    source источник


Ответы (1)


Вы можете использовать триггер click show для отображения tooltip

tooltip-trigger="click"

Или вы можете использовать триггер mouseenter show

tooltip-trigger="mouseenter"

но настройте триггер show без триггера hide. Поэтому, когда курсор мыши перемещается, tooltip не будет скрываться.

$tooltipProvider.setTriggers({'mouseenter':''})

Надеюсь, поможет.

person zs2020    schedule 18.09.2013
comment
Я понимаю это, но я бы хотел, чтобы через несколько секунд он окончательно исчез, чтобы он не оставался. Есть ли способ заставить его исчезнуть на мышином листе через несколько секунд? - person Ty Danielson; 19.09.2013