ツールチップに balloon.css を使用しています。
要素のツールチップのテキストは、カスタム属性 'data-balloon' から取得されます。
ツールチップのテキストを動的に読み込みたい。
jqueryで変更できますが、表示されたhtmlに新しいテキストがレンダリングされません。
これが私のコードです:
以下のHTMLコードの言及：
<div id="instruction_div_main" data-balloon="Original text"></div>
以下のJqueryコードの言及：
alert($("#instruction_div_main").attr("data-balloon"));
// alert shows "Original text"
$("#instruction_div_main").attr("data-balloon","New Text");
alert($("#instruction_div_main").attr("data-balloon"));
// alert shows "New text"
しかし、そのdivにカーソルを合わせると、新しいテキストは表示されず、「元のテキスト」が表示されます
なぜそうなのか、私が間違っているところを修正してください。
参考までに: title 属性についても同様の問題に直面しています。
**アップデート **
jquery uiダイアログに表示されるアイコンにそのツールチップを表示しています。そのダイアログには、アイコンを非表示にしていくつかのラジオボタンを表示する戻るボタンがあります。ラジオボタンを選択すると、アイコンが再び表示され、ラジオボタンが消えます。そして、今回はアイコンのツールチップが新しいものになるはずです。上記のコードを使用していますが、元のテキストが表示され、属性値が変更されていることがわかりますが、アイコンのツールチップにレンダリングされていません。
