jquery-ui - jQueryツールチップはタイトル属性のテキストをエンコードします

Question

jQuery UI を最新バージョン (1.9.x から) に更新しましたが、解決できないことがあります。たとえば、タイトル属性に HTML を保存することがあります。

Start Date: 2012.01.01<br />End Date: 2012.02.01

アップグレード前はツールチップテキストがエンコードされていなかったため、開始日と終了日が 2 行に分かれていました。しかし今、テキストはエンコードされており、
. それを解決する方法はありますか？

score 4 · Accepted Answer

私の答えは、フランが言ったことの延長です。

これにも出くわしました。タイトルに簡単な html タグを格納できます。ツールチップを呼び出すだけでなく、さらに作業を行う必要があります。HTML コード化されたタイトルを返す必要があります。これを太字の < b>、下線の < u>、およびブレークラインの < /br> でテストしました。

$( document ).tooltip( {
  content: function() {
    return  $( this ).attr( "title" );
  }
});

score 1 · Accepted Answer

問題は、titleHTMLタグを許可しないことです。titleツールチップを使用して属性のテキストにスタイルを適用するには、次のようなものを使用する必要があります。

HTML：

<a id="mytooltip" href="#" title="">Tooltips</a>

JS：

$('#mytooltip').tooltip({
   items: "[title]",
   content: function() {
     return "<b>That's what this widget is</b>";
   }
});

任意のHTMLタグ（テーブル、画像など）を使用でき、JQueryUIツールチップはJSBinで実行されていることを示します：http：//jsbin.com/ukejok/3/

2 に答える 2