javascript - 工具提示不起作用

Question

自

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

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

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

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

1. 第一次悬停该元素时，没有任何反应(甚至控制台中也没有错误)，但第二次悬停该元素时，工具提示起作用了!

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

   

感谢您的帮助!

Answer 1

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

例如

$(document.body).tooltip();