是否有支持HTML内容并自动定位工具提示的JQuery工具提示插件?

我正在为JQuery搜索Tooltip插件/库。 它应该能够自动定位工具提示,如TipTip ,并且还支持提示的HTML内容。

TipTip可以满足两种条件,但是:

使用Tip Tip添加了HTML支持。 您现在可以将HTML添加到Title属性中(但如果您需要严格有效的代码,则不建议这样做)。

我相信这个 。 例如, 此演示显示图像。 您可以轻松拥有一个bodyHandler ,它从元素的属性中检索HTML。 例如

 foo 

这是完全有效的HTML, bodyHandler看起来像

 return this.attr("data-tooltip")); 

我不想留下jquery本机插件并搞乱其他库,所以我想出了一个非常简单的解决方案:

 $('.tooltips').tooltip({ content: function(){ return $(this).attr('title'); } }) 

这样 – 您的HTML标题属性可以成功使用。

我非常喜欢TipTip。 “标题”字段用法很尴尬,但您不必这样做:

content:string(默认为false) – 用作TipTip内容的HTML或String。 将覆盖任何HTML属性中的内容。

(通过http://code.drewwilson.com/entry/tiptip-jquery-plugin )

jQuery UI库中包含的这个工具提示小部件支持title属性中的不同自动位置和HTML: http : //api.jqueryui.com/tooltip/