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設置了overflow：hidden，當然其中哪個阻止了它，如工具提示！ 這就是開發人員與生產人員學到的笑容！ 我猜！ 仍在嘗試...

非常感謝您的回答，他們表示贊賞。

Answer 1

這是因為您在AJAX生成的內容上調用了工具提示功能。 在內容存在之前調用函數。 嘗試調用$(".Tool").tooltip(); 在加載函數的回調中。

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