jquery - append后没有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(...)