简体   繁体   English

Bootstrap工具提示不起作用(尽管它出现在DOM上)

[英]Bootstrap Tooltips not working (though it appears on the DOM)

I'm trying to use bootstrap's tooltip feature on a dynamically created set of divs, and when i hover i can see in chrome's inspector that the div itself is modified as it is supposed to (title value is passed to data-original-title) AND that the generated tooltip's div itself is appended as expected (either next to my div or in the body if i set it to), but nothing appears. 我正在尝试在一组动态创建的div上使用bootstrap的工具提示功能,当我将鼠标悬停时,我可以在chrome的检查器中看到div本身已按预期进行了修改(标题值传递给data-original-title)并且将生成的工具提示的div本身按预期方式追加(如果我将其设置为我的div旁边或体内,则为div之外),但是什么也没有出现。 After looking for a while i found a jsfiddle explaining a solution for another tooltip-related problem, but i found out it had exactly the same problem. 寻找了一段时间后,我发现一个jsfiddle解释了另一个与工具提示相关的问题的解决方案,但我发现它也有完全相同的问题。 I simplified it so you can see for yourself : http://jsfiddle.net/uDF4N/95/ 我简化了它,所以您可以自己看看: http : //jsfiddle.net/uDF4N/95/

<a id="hop" data-placement="bottom" data-toggle="tooltip" title="Apps">coucou</a>

As you can see, on hover the tooltip appears in the DOM, but is not displayed. 如您所见,悬停时工具提示会显示在DOM中,但不会显示。 I tried with IE11 as well. 我也尝试过IE11。

Any idea on what i'm doing wrong ? 关于我做错了什么的主意吗?

在此处输入图片说明

You're including bootstrap.min.js twice. 您要两次包含bootstrap.min.js just remove one. 只需删除一个。 http://jsfiddle.net/uDF4N/97/ http://jsfiddle.net/uDF4N/97/

Copied from @MasterYoda's comment 复制自@MasterYoda的评论

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM