jQuery Tooltip Custom Tip

Question

I am trying to have a custom tooltip for my images when the user hovers over them using jQuery Tool's Tooltip plugin. In the jsfiddle example you will see two rows. The top row is using the custom tip option, whereas the bottom row uses the regular title attribute.

As you can see, the tooltip sticks around when you mouse over them while the ones on the top row using the custom tip disappears when the mouse moves away from the image. They don't have an example in their documentation for this specific option so I am not exactly sure how it is supposed to behave.

Mottie · Accepted Answer · 2011-03-23 05:47:05Z

1

I think it might just be a edge case in the tooltip code... they don't expect you to use the same custom content in every tooltip. But, if you make three divs with content and point the tooltips to each different one, it works as expected (updated demo):

answered Mar 23, 2011 at 5:47

Mottie

86.8k30 gold badges132 silver badges248 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Tooltip Custom Tip

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related