我有一个使用jquery加载的页面:
$('#friends2').load("/pages/share/includes/current.php");在这一页上,我试图使用工具提示:
<img src="/img/path.jpg" class="Tool" title="hello world" data-toggle="tooltip">但是什么都没有发生,没有工具提示,我也尝试过再次添加脚本文件,只有bootstrap.js,以及引导和jquery,但是它们都不能使工具提示工作--有更好的解决方案吗?
我补充说:
$(function () {
$("[data-toggle='tooltip']").tooltip();
});没有变化..。也曾尝试过:
$(function () {
$(".Tool").tooltip();
});没有变化..。也尝试没有标题,并添加:
data-original-title="hello world"更新
我将强调,我有一些工具提示可以在同一个页面上工作,而不是在带有ID friends2的DIV中加载这些数据。
在我的主页上有:
$('#editAccount,#listsTour').tooltip();但是将.Tool添加到其中也不起作用。
UPDATE2 -答案
在仔细观察了很久之后,我发现其中一个父div设置了溢出:隐藏了它之外的任何东西,比如工具提示!这是开发和生产学会微笑的地方!我想是吧!还在努力..。
非常感谢你的回答,我们对此表示感谢。
发布于 2014-02-25 23:32:19
这是因为您在AJAX生成的内容上调用了tooltip funcion。函数在内容存在之前调用。尝试在load函数回调中调用$(".Tool").tooltip();。
$('#friends2').load("/pages/share/includes/current.php", function(){
$(".Tool").tooltip();
});https://stackoverflow.com/questions/22028354
复制相似问题