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

【问题标题】：Is there a JQuery tooltip plugin that supports HTML content and automatically positions tooltips?是否有支持 HTML 内容并自动定位工具提示的 JQuery 工具提示插件？
【发布时间】：2013-05-09 07:53:56
【问题描述】：

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

TipTip 确实满足了这两个条件，但是：

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

【问题讨论】：

标签： javascript jquery tooltip

【解决方案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"));

【讨论】：

【解决方案2】：

我不想离开 jquery 原生插件并弄乱额外的库，所以我想出了一个非常简单的解决方案：

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

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：

【解决方案4】：

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

【讨论】：