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

Question

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

TipTip确实满足两种条件，但是：

  

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

Answer 1

我相信this one会这样做。例如，this demo显示图像。您可以轻松地使用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 2

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

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

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

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/