追加后，没有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
});

修改

在执行apend操作后创建工具提示

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