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生成的内容上调用了tooltip函数。在内容存在之前调用函数。尝试在加载函数的回调中调用$(".Tool").tooltip();。

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