0

tooltipster を使用してツール ヒントを生成しています。シンプルな JavaScript 関数を使用してユーザー入力に基づいて div の内容を設定する必要がある場合を除いて、すべて正常に動作します。div コンテンツは画像で構成され、各画像にカーソルを合わせると、ツール ヒントが表示されます。ただし、ヒントは、title= を画像とともに表示するためのデフォルトのブラウザーの動作として表示されます。私が使用する JavaScript は単純です。

function setAwards() {
var awardsdiv=document.getElementById("awards"); awardsdiv.innerHTML="";
if (document.setvalues.superstar.checked == true) awardsdiv.innerHTML=awardsdiv.innerHTML + "<img class=\"tooltip\" title=\"Description of award\" width=\"16\" src=\"/pix/superstar.png\" alt=\"[ Super Star ]\" />";
[... stuff removed ...]
}

これを機能させる方法はありますか？ツール ヒントはこの Web ページの別の場所に表示されるため、必要なリソースは正しく設定されているように見えます。

ありがとうございました！

4

1 に答える 1

0

$(...).tooltipster({...})新しい HTML コンテンツを挿入した後、または委任を使用した後に、ツールチップ ( ) を初期化する必要があります。

「自動」初期化については、委任されたイベント リスナーを使用することをお勧めします。https://github.com/iamceege/tooltipster/issues/499を参照してください。

于 2015-11-30T16:55:50.080 に答える