ツールチップのタイトル属性が、私はこのコードを追加すると

Question

は、ツールチップは、SVG要素（サークル、RECT）私はツールチップ内<p>と<span>タグを使用するwantoので、私はこのコードを使用しています

に表示されません動作しません

コード;

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

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

私はこれを削除し、それは事前に<p><span>タグ

感謝をSVG要素のために動作しますが、ない場合はそれはSVG 除いて動作します。

@Robert Longsonが、私はそれが動作する、要素と子供の両方にtitle属性を割り当てるコメント

で宣言されたとして、私はjqueryの-UI

Answer 1

を使用しています。

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