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

Question

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

TipTip可以满足两种条件，但是：

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

Answer 1

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

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

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

Answer 2

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

<a href="whatever" data-tooltip="This is a <strong>marked up</strong> tooltip">foo</a>

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

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

Answer 3

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

content：string（默认为false） - 用作TipTip内容的HTML或String。 将覆盖任何HTML属性中的内容。

（通过http://code.drewwilson.com/entry/tiptip-jquery-plugin ）

Answer 4

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