工具提示标题属性不起作用

时间:2016-11-14 15:49:10

标签: javascript jquery html svg tooltip

当我添加此代码时,工具提示不会出现在SVG Elements(Circle,rect)

我正在使用此代码,因为我想在工具提示中使用<p><span>标记

代码;

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

      $(document).tooltip();
  });

除了svg之外它有效 当我删除它时,它适用于svg元素,但不适用于<p> <span>标记

提前致谢。

我正在使用jquery-ui

1 个答案:

答案 0 :(得分:0)

正如@Robert Longson在评论中所宣称的那样

我为元素和子元素分配了一个title属性,然后就可以了。

就像;

$( "#elementId" )[ 0 ].title = '<span class="red-span"> TRY OUT </span>';
$( "#elementId" )[ 0 ].children.title = '<span class="red-span"> TRY OUT </span>';