如何只在点击时使jTip2 for jQuery工作?

时间:2011-12-09 00:11:19

标签: jquery qtip2

我正在使用qTip jQuery插件,并希望仅在单击链接或按钮时才显示工具提示。我找到了几种应该起作用的方法,但似乎在实践中没有用。这是一个jsFiddle,我尝试了两种不同的方法:http://jsfiddle.net/dqkzV/2/。还有另一个答案在这里宣称有效,但似乎对我不起作用(我的jsFiddle上的第二种方法):jQuery tooltip onClick?。使用我尝试的两种方法,工具提示仍然出现在鼠标悬停时,只有在点击时才显示。

1 个答案:

答案 0 :(得分:10)

您的第一种方法是在点击<body>按钮时向.clickme添加qTip,但我不明白为什么它似乎没有添加,有时会出现鼠标悬停。

第二种方法是使用show syntax from qTip 1.0,但你已经将qtip 2作为小提琴中的库。 qTip 2 show API非常不同。

以下内容应显示单击按钮时的工具提示。

JavaScript(jQuery)

$('.clickme').qtip({
    content: 'Hello 2nd Test',
    show: 'click'
});