Search jQuery

jQuery Forum

UI Tooltip - how to keep it visible?

in Using jQuery UI • 9 months ago

I'm using UI 1.9 m5. The tooltip has HTML content, e.g. links. It is displayed when a mouse rolls over a small image (icon). Problem - the tooltip automatically closes when the mouse is moved out of the icon. It doesn’t stay open when a user rolls over the tooltip in order to click the link that is shown inside the balloon. Anyway to keep the tooltip open while the mouse pointer is over it?

Thank you.

adam_kirc..

Re: UI Tooltip - how to keep it visible?

1 month ago

Sounds like they are building an option for this. In qTip2 you would use hide: {fixed: true}. I am guessing they will do something similar here. In the meantime this code worked for me.

$( "[title]" ) .bind( "mouseleave", function( event ) { event.stopImmediatePropagation(); var fixed = setTimeout('$("[title]").tooltip("close")', 500); $(".ui-tooltip").hover( function(){clearTimeout (fixed);}, function(){$("[title]").tooltip("close");} ); }) .tooltip();

Response title

Attachments

jQuery Forum

UI Tooltip - how to keep it visible?

Re: UI Tooltip - how to keep it visible?

Statistics

Tags

Actions

Related Posts