我不明白为什么我的bootstrap工具提示无法正常工作。问题不在于初始化，因为它反应正确，问题在于样式。没有样式，没有黑盒子，左下角只有一个白色文本（无论我尝试申请placement）。
当光标位于元素顶部时，这是生成的代码：
<button id="test" type="button" class="btn_primary" title="" aria-describedby="ui-tooltip-5">Tooltip on left</button>
<div id="ui-tooltip-3" role="tooltip" class="ui-tooltip ui-widget ui-corner-all ui-widget-content" style="position: relative; top: -5px; left: 0px; display: block;"><div class="ui-tooltip-content">Tooltip on left</div></div>
我与这个小提琴比较：http://jsfiddle.net/52VtD/31/
生成的代码完全不同，不在同一个地方。在小提琴上，所有内容都在同一个地方生成，一旦元素被初始化，它就会得到data-original-title，而我没有。而<div id="ui-tooltip-3"..>是在body代码结尾之前生成的，而不是在同一位置。
我使用LESS加载bootstrap。我还没有发现其他奇怪的行为。 我尝试从我生成的less =＆gt; css文件中加载后从CDN加载引导程序，但同样的问题。
我也尝试过不加载我自己的CSS而只加载bootstrap / font-awesome。相同。
知道为什么会这样吗？
答案 0 :(得分：8)
问题是Bootstrap 3和Jquery UI之间的兼容性问题，两者都使用了工具提示元素。我的解决方案是不要使用JQuery UI Tooltip插件。 （在下载之前，您可以自定义要添加到jQuery UI的插件）