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

Question

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

这是为什么？

DEMO

Answer 1

Tooltip 在指定的 dom 元素后插入一个 div。在您的情况下，div 插入在 TD 之间，这会扰乱渲染流程( block 与表格显示)。实际上，浏览器正在尝试呈现具有 TD 边框样式的零宽度 div。只需更新您的代码以指定有效的父元素。最常用的是 body 元素。所以调用

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

更新的 fiddle :

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

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