2016-11-14 132 views
0

當我添加此代碼,提示沒有出現在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的

+0

你在期待'this'指,因爲給你的代碼這將是'window' –

+1

SVG元素有標題的子元素,HTML元素有標題屬性。我認爲工具提示只支持html。 –

回答

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>'; 
相關問題