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

Question

当我添加此代码，提示没有出现在SVG元素（圆，矩形）

，因为我wanto的工具提示中使用<p>和<span>标签我使用这个代码

代码;

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

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

它的工作原理除了SVG 当我删除此，它适用于SVG元素，但不是<p><span>标签

在此先感谢。

我使用jQuery UI的

Answer 1

由于@Robert Longson在评论

宣布我指定一个title属性这两个元素孩子，那么它的工作原理。

这就像;

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