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

Question

我必须实现一个奇怪的要求，如下所示:

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

我看过一些 jQuery 插件，但大多数都与 onhover 或 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) 的标题属性？