Question

我正在尝试在表格元素td上放置TOOLTIP。虽然，当显示工具提示时，它会更改td元素的宽度，即使tooltip的位置为absolute。

为什么会这样？

Answer 1

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

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

更新了小提琴：

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

Answer 2

Murraybiscuit的另一个答案是添加

data-container="body"

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