工具提示不起作用

Question

自

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

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

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

这使它可以工作，但会导致两个问题：

1. 第一次悬停元素时，没有任何反应（甚至控制台中也没有错误），但第二次悬停时，工具提示有效！

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

感谢任何帮助！

Answer 1

创建新的“.notice”元素时需要初始化工具提示。

例如

$(document.body).tooltip();

Answer 2

对于委托的工具提示功能，您可以简单地将处理程序附加到 parent 容器，然后所有具有标题属性的内部元素都将获得自定义工具提示：

$(document.body).tooltip();

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