2014-02-25 94 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