2014-02-25 133 views
0

我有這使用jQuery加載的頁面:引導3個工具拒絕工作

$('#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" 

UPDATE

我強調,我有提示在同一頁上工作得不是DIV內的ID friends2我在哪裏加載此數據

在主網頁我有:

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

但添加.Tool到這不工作,要麼

UPDATE2 - 答案

定神後,長我發現,價格調整匯率的一個nt div設置爲溢出:隱藏其中當然會阻塞任何東西,就像工具提示一樣!這就是開發者與生產者學習微笑的地方!我猜!仍在嘗試...

非常感謝您的答覆,他們表示讚賞。

+0

這似乎在這裏工作:http://jsfiddle.net/NxVTU/4/ – Adrift

+0

已經更新問題 –

+0

請問@ petkopalko對你回答的工作? – Adrift

回答

0

因爲你在AJAX生成的內容上調用tooltip funcion。在內容存在之前調用函數。嘗試在加載函數的回調中調用$(".Tool").tooltip();

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

謝謝,但不起作用 –

+1

也許我會錯過一些東西,但我99%確定這個問題是AJAX內容,因爲工具提示可以在#friends2以外的其他地方使用。 – petkopalko