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

时间:2017-11-07 23:08:42

标签: javascript css twitter-bootstrap bootstrap-4 twitter-bootstrap-tooltip

我试图在动态创建的div组上使用bootstrap的工具提示功能,当我悬停时,我可以在chrome的检查器中看到div本身被修改为它应该被认为to(标题值传递给data-original-title)并且生成的工具提示的div本身按预期附加(如果我将其设置为,则在我的div旁边或在正文中),但什么也没有出现。 在寻找一段时间后,我找到了一个解释另一个工具提示相关问题的解决方案的jsfiddle,但我发现它有完全相同的问题。 我对其进行了简化,以便您自己查看:http://jsfiddle.net/uDF4N/95/

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

如您所见,在悬停时,工具提示会显示在DOM中,但不会显示。 我也试过IE11。

对我做错了什么的想法?

1 个答案:

答案 0 :(得分:1)

enter image description here

您包括bootstrap.min.js两次。只需删除一个。     http://jsfiddle.net/uDF4N/97/

复制自@ MasterYoda的评论