Menu
I am using the qTip jQuery plugin, and want the tooltip to appear only when clicking a link or button. I have found several methods that are supposed to work, but don't seem to work in practice. Here is a jsFiddle where I tried two different methods: http://jsfiddle.net/dqkzV/2/. There is also another answer on here which claims to work, but doesn't seem to work for me (2nd method on my jsFiddle): jQuery tooltip onClick?. With both methods I tried, the tooltip still appears on mouseover, when it is only supposed to appear on click.
965
Your first method is just adding a qTip to the <body> when the .clickme button is clicked, although I do not understand why it seems to not be added and then sometimes appears on mouseover.
The second method is using the show syntax from qTip 1.0 but you have included qtip 2 as the library in the fiddle. The qTip 2 show API is very different.
The following should show the tooltip when the button is clicked.
$('.clickme').qtip({
content: 'Hello 2nd Test',
show: 'click'
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
