jquery - 追加後、jquery 効果はありません

Question

ドキュメントのどこにでも jquery ツールチップがありrel='tooltip'ます。次に、次のようにコンテンツを追加しようとします。

$("#justfortesting").append("<a href='#' rel='tooltip' title='Delete 123'>Click to delete</a>");

しかし、上記のコンテンツが追加された後、「クリックして削除」の上にマウスを置いてもツールチップはありません。

どうすればこれを修正できますか?

Answer 1

動的に作成された要素を考慮して、例のようなツールチップ イベントを定義します。

$(document).on('mouseover', '[rel="tooltip"]', function(e){
  //Code executed for all mouseover events on ALL elements with attribute rel equal to tooltip
});

編集

追加アクションの後にツールチップを作成します

$("#justfortesting").append("<a id='my-new-link' href='#' rel='tooltip' title='Delete 123'>Click to delete</a>");
//Call the tootip creation method
$('#my-new-link').tooltip(...)