工具提示不起作用

Question

自

$(document).ready(function(){
    $('.notice').tooltip();
});

对我不起作用 - 可能是因为我使用Ajax动态加载带有.notice类的元素 - 我试图用另一种方式继续。所以这就是我到目前为止所做的：

$(document.body).on("mouseover", ".notice", function() {
    $(this).tooltip();
});

这使它有效，但它会导致两个问题：

1. 第一次当我悬停元素时，没有任何反应（甚至控制台中没有错误），但第二次当我将鼠标悬停时，工具提示正常工作！

2. 第二次当我悬停元素时，我会看到工具提示框和标题框。见图像。

   

我感谢任何帮助！

Answer 1

当您创建新的＆＃34; .notice＆＃34;时，您需要初始化工具提示。元件。

Answer 2

对于委派的工具提示功能，您只需将处理程序附加到父容器，然后所有带有title属性的内部元素都将获得自定义工具提示：

$(document.body).tooltip();

演示： http://jsfiddle.net/off074wb/