jquery - 追加后，没有jquery效果

Question

我的文档中有一个 jquery 工具提示，用于任何带有 rel='tooltip' 的地方。然后我尝试在里面 append 一个内容，如下所示:

$("#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(...)