twitter-bootstrap-3 - Bootstrap 工具提示 3.2 - 样式被 aria- describeby 破坏

Question

我不明白为什么我的引导工具提示无法正常工作。问题不在于初始化，因为它 react 正确，问题在于样式。没有样式，没有黑框，只有左下角的白色文本(无论 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>

我对比了这个 fiddle :http://jsfiddle.net/52VtD/31/

生成的代码完全不同，不在同一个地方。在 fiddle 上，所有东西都在同一个地方生成，一旦一个元素被初始化，它就会得到 data-original-title ，我没有。和 <div id="ui-tooltip-3"..>在 body 结束之前生成标签，不在同一个地方。

我使用 LESS 加载 Bootstrap 。我还没有发现其他奇怪的行为。我尝试在从生成的 less=>css 文件加载它之后(和不加载)从 CDN 加载 Bootstrap ，但同样的问题。

我也尝试过不加载我自己的所有 CSS，而只加载 bootstrap/font-awesome。一样。

知道为什么会这样吗？

Answer 1

问题是 Bootstrap 3 和 Jquery UI 之间的兼容性问题，两者都使用了工具提示元素。我的解决方案是不使用 JQuery UI Tooltip 插件。 (当您可以在下载之前自定义要添加到 jQuery UI 的插件时)