jQuery高级工具提示，具有不同的onhover和onclick内容

Question

我必须实现一个如下的奇怪要求：

1. 用户可以将鼠标悬停在某个链接上并获取描述性文字，例如“此处有些文字”
2. 用户可以点击相同的链接，获得完全不同的信息 可能还包含标记的文本（例如：一些其他文本）

我看过一些jQuery插件，但大多数都使用onhover OR onclick，但不是两者兼而有之。他们似乎也在为他们的内容使用“标题”属性。

所以我的问题是：这个功能可以吗？是否有一个jquery工具提示插件，我可以为onhover和onclick事件定义不同的内容？还有另一种方法来实现这一目标吗？ （Javascript不是我的优点之一）。

我也对简单的独立javascript库提出建议，但如果它们是jQuery插件最好。

谢谢。

答案：

在simpletip

的帮助下

Html代码

<p>Hello <a id="test" title="some text here">world</a> again</p>

和javascript

$("#test").simpletip({ 
    persistent: true,
    content: '<b>Some</b> other <i>text</i> here.'
}); 

Answer 1

你如何使用jQuery插件显示花哨的工具提示onclick，以及标准文本的标题属性（onhover）？

Answer 2

您可以使用.data（）jquery将文本附加到每个元素，然后显示该文本。它甚至可以将点击和悬停文本保存在不同的数据对象中，因为您可以附加复杂的对象。