简体   繁体   中英

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. 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. I simplified it so you can see for yourself : 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. I tried with IE11 as well.

Any idea on what i'm doing wrong ?

在此处输入图片说明

You're including bootstrap.min.js twice. just remove one. http://jsfiddle.net/uDF4N/97/

Copied from @MasterYoda's comment

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

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