jquery-ui - jQuery 工具提示在标题属性中编码文本

Question

我已将 jQuery UI 更新到最新版本（从 1.9.x 开始），但有些问题我无法解决，即：在标题属性中，我有时会存储 HTML，例如：

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

在升级工具提示文本之前没有编码，所以我在两个单独的行中看到了开始和结束日期。但是现在，编码中的文本，我看到了
. 有没有办法解决它？

score 4 · Accepted Answer

我的回答是对 Fran 所说的扩展。

也遇到了这个。您可以在标题中存储简单的 html 标签。您现在不仅需要调用 tooltip，还需要做更多的工作。您必须返回您的 html 编码标题。我已经用粗体 <b>、下划线 <u> 和断线</br> 对此进行了测试。

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

score 1 · Accepted Answer

问题是它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 Tooltip 显示它在 JSBin 中运行：http: //jsbin.com/ukejok/3/

2 回答 2