为什么Bootstrap Tooltip在放入表格时无法正常工作？

Question

我试图在表元素()上放置一个TOOLTIPtd.虽然,当显示工具提示时,它会改变td元素的宽度,即使tooltip它的位置为absolute.

为什么是这样？

DEMO

Answer 1

工具提示在指定的dom元素后插入div.在你的情况下,div被插入TD之间,这与渲染流(块与表格显示)混淆.实际上,浏览器正在尝试使用TD边框样式渲染零宽度div.只需更新代码即可指定有效的父元素.最常用的是身体元素.所以调用

$(selector).tooltip({container:'body'});

更新小提琴:

http://jsfiddle.net/8S2SR/1/

如果您在浏览器检查器中查看悬停状态很困难,请右键单击该元素并保留状态以供检查.

Answer 2

Murraybiscuit 答案的替代方法是添加

data-container="body"

在属性列表中。这样，您就可以避免使用额外的 jquery。