Bootstrap 3 工具提示拒绝工作

Question

我有一个使用 jquery 加载的页面：

$('#friends2').load("/pages/share/includes/current.php");

在该页面上，我正在尝试使用工具提示：

<img src="/img/path.jpg" class="Tool" title="hello world" data-toggle="tooltip">

但是没有任何反应，没有工具提示，我也尝试再次添加脚本文件，只是 bootstrap.js 以及 bootstrap 和 jquery，但它们都没有使工具提示工作 - 有更好的解决方案吗？

我已添加：

$(function () { 
    $("[data-toggle='tooltip']").tooltip(); 
});

没有变化……也试过了：

$(function () { 
    $(".Tool").tooltip(); 
});

没有变化...也尝试了没有标题并添加：

data-original-title="hello world"

更新

我要强调的是，我在同一页面上工作的工具提示不在我正在加载此数据的 ID 为 friends2 的 DIV 中

在我的主页上：

$('#editAccount,#listsTour').tooltip();

但添加.Tool 也不起作用

UPDATE2 - 答案

经过长时间的努力，我发现其中一个父 div 设置了溢出：隐藏，这当然会阻止它之外的任何内容，比如工具提示！这就是开发与生产学会微笑的地方！我猜！还在努力……

非常感谢您的回答，不胜感激。

Answer 1

这是因为您在 AJAX 生成的内容上调用了工具提示功能。在内容存在之前调用函数。尝试在加载函数的回调中调用$(".Tool").tooltip();。

$('#friends2').load("/pages/share/includes/current.php", function(){
    $(".Tool").tooltip(); 
});