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

我相信 this one 做。例如, this demo 显示图像。你可以很容易地 bodyHandler 从元素的属性中检索HTML的。例如

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

这是完全有效的html,而且 健美运动员 会看起来像

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

我不想离开jquery本机插件,而使用其他lib,所以我找到了一个非常简单的解决方案:

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

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

我很喜欢踮脚。“title”字段的用法很尴尬,但您不必这样做:

content:string(默认为false)-用作tiptip内容的html或string。将覆盖来自任何HTML属性的内容。

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

jquery ui库中包含的工具提示小部件支持标题属性中的不同自动位置和html: http://api.jqueryui.com/tooltip/