首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >引导3工具提示拒绝工作

引导3工具提示拒绝工作
EN

Stack Overflow用户
提问于 2014-02-25 23:17:24
回答 1查看 117关注 0票数 0

我有一个使用jquery加载的页面:

代码语言:javascript
复制
$('#friends2').load("/pages/share/includes/current.php");

在这一页上,我试图使用工具提示:

代码语言:javascript
复制
<img src="/img/path.jpg" class="Tool" title="hello world" data-toggle="tooltip">

但是什么都没有发生,没有工具提示,我也尝试过再次添加脚本文件,只有bootstrap.js,以及引导和jquery,但是它们都不能使工具提示工作--有更好的解决方案吗?

我补充说:

代码语言:javascript
复制
$(function () { 
    $("[data-toggle='tooltip']").tooltip(); 
});

没有变化..。也曾尝试过:

代码语言:javascript
复制
$(function () { 
    $(".Tool").tooltip(); 
});

没有变化..。也尝试没有标题,并添加:

代码语言:javascript
复制
data-original-title="hello world"

更新

我将强调,我有一些工具提示可以在同一个页面上工作,而不是在带有ID friends2的DIV中加载这些数据。

在我的主页上有:

代码语言:javascript
复制
$('#editAccount,#listsTour').tooltip();

但是将.Tool添加到其中也不起作用。

UPDATE2 -答案

在仔细观察了很久之后,我发现其中一个父div设置了溢出:隐藏了它之外的任何东西,比如工具提示!这是开发和生产学会微笑的地方!我想是吧!还在努力..。

非常感谢你的回答,我们对此表示感谢。

EN

回答 1

Stack Overflow用户

发布于 2014-02-25 23:32:19

这是因为您在AJAX生成的内容上调用了tooltip funcion。函数在内容存在之前调用。尝试在load函数回调中调用$(".Tool").tooltip();

代码语言:javascript
复制
$('#friends2').load("/pages/share/includes/current.php", function(){
    $(".Tool").tooltip(); 
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22028354

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档