jQuery工具提示对title属性中的文本进行编码

Question

我已经将jQuery UI更新到最新版本（来自1.9.x）并且有一些我无法解决的问题，即：在标题属性中我有时会存储HTML，例如：

Start Date: 2012.01.01<br />End Date: 2012.02.01

在升级之前，工具提示文本没有编码，所以我看到了Start＆amp;结束日期分为两行。但是现在，编码的文字和我看到了。有办法解决吗？

Answer 1

我的回答是弗兰所说的延伸。

也进入这个。您可以在标题中存储简单的html标记。您现在必须做更多的工作，而不仅仅是调用工具提示。你必须返回你的HTML编码标题。我用粗体＆lt;测试了这个。 b＆gt;，下划线＆lt; U＆GT;和断裂线＆lt; / BR取代。

$( document ).tooltip( {
  content: function() {
    return  $( this ).attr( "title" );
  }
});  

Answer 2

问题是title不允许HTML标记。要使用工具提示将样式应用于title属性中的文本，您应该使用以下内容：

HTML：

<a id="mytooltip" href="#" title="">Tooltips</a>

JS：

$('#mytooltip').tooltip({
   items: "[title]",
   content: function() {
     return "<b>That's what this widget is</b>";
   }
});

您可以使用任何HTML标记（甚至表格，图像等）和JQueryUI工具提示 显示它在JSBin中运行：http://jsbin.com/ukejok/3/