Geek Answers Handbook

Make qTip not disappear when tooltip hangs

I am using qTip: http://craigsworks.com/projects/qtip2 , and my current problem is that when I hover the tooltip, it disappears (since the target was mouseleave / MouseOut).

Is there a way to make it visible when I visit the tooltip? I positioned the tooltip so that it is right under the target, so there is an empty space between the target and the tooltip.

+8
javascript jquery qtip2
source share
3 answers

Use fixed : http://craigsworks.com/projects/qtip2/docs/hide/#fixed

You can add delay just as the tooltip disappears if there is some distance between your trigger element and the tooltip.

eg.

 $('.moreinfo').qtip({ content: { text: $('<p>This is a tooltip.</p>') }, show: { effect: function() { $(this).fadeIn(250); } }, hide: { delay: 200, fixed: true, // <--- add this effect: function() { $(this).fadeOut(250); } }, style: { classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' } });

Hope this helps.

+12
source share

Use fixed: true and also leave: false

The problem you may encounter is that when you leave the qtip target, it is hiding.

+2
source share

For some reason, using only fixed:true didn't help me. Instead, I had to use these configurations (v3.0.3):

 hide: { fixed: true, delay:90, }, position: { viewport: $(window) },
0
source share

More articles:


All Articles