Jquery UI 工具提示不支持 html 内容

今天，我将所有 jQuery 插件升级为 jQuery 1.9.1。我开始将 jQueryUI 工具提示与 jquery.ui.1.10.2 一起使用。一切都很好。但是当我在内容中使用 HTML 标签时（在title我正在应用工具提示的元素的属性），我注意到 HTML 不受支持。

这是我的工具提示的屏幕截图：

如何使 HTML 内容与 1.10.2 中的 jQueryUI 工具提示一起使用？

Edit：由于这是一个受欢迎的答案，我添加免责声明@crush https://stackoverflow.com/questions/15734105/jquery-ui-tooltip-does-not-support-html-content/15734408#comment25965477_15734408在下面的评论中提到。如果您使用此解决方法，请注意，您正在为 XSS 漏洞敞开大门 http://bugs.jqueryui.com/ticket/9019#comment:2。仅在以下情况下才使用此解决方案：知道你在做什么并且可以是certain属性中的 HTML 内容。

最简单的方法是向content覆盖默认行为的选项：

$(function () {
      $(document).tooltip({
          content: function () {
              return $(this).prop('title');
          }
      });
  });

Example: http://jsfiddle.net/Aa5nK/12/ http://jsfiddle.net/Aa5nK/12/

另一种选择是用您自己的工具提示小部件覆盖工具提示小部件，以更改content option:

$.widget("ui.tooltip", $.ui.tooltip, {
    options: {
        content: function () {
            return $(this).prop('title');
        }
    }
});

现在，每次你打电话.tooltip，将返回 HTML 内容。

Example: http://jsfiddle.net/Aa5nK/14/ http://jsfiddle.net/Aa5nK/14/