工具提示不起作用答案

【问题标题】：Tooltip not working工具提示不起作用
【发布时间】：2015-06-04 22:18:14
【问题描述】：

自从

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

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

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

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

感谢您的帮助！

【问题讨论】：

【解决方案1】：

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

例如

$(document.body).tooltip();

【讨论】：

这是什么意思？可以举个例子吗？
在您的 ajax 成功函数中，当您追加新的 .notice 元素时，为每个元素调用 .tooltip() 函数。
当您在创建函数中使用 .notice 类创建一个新对象时，调用其上的 .tooltip() 并从代码中删除此行：$(document.body).on("mouseover" , ".notice", function() { ....
非常感谢！！这对我帮助很大！

【解决方案2】：

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

$(document.body).tooltip();

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

【讨论】：