Twitter bootstrap 3 引导工具提示3.2-使用aria describedby破坏样式

Twitter bootstrap 3 引导工具提示3.2-使用aria describedby破坏样式,twitter-bootstrap-3,Twitter Bootstrap 3,我不明白为什么我的引导工具提示不能正常工作。问题不在于初始化,因为它的反应正确,问题在于样式。没有样式,没有黑框,只有左下角的白色文本(我尝试应用的placement) 以下是光标位于元素顶部时生成的代码: <button id="test" type="button" class="btn_primary" title="" aria-describedby="ui-tooltip-5">Tooltip on left</button> <div id="ui-t

我不明白为什么我的引导工具提示不能正常工作。问题不在于初始化,因为它的反应正确,问题在于样式。没有样式,没有黑框,只有左下角的白色文本(我尝试应用的
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>
左侧的工具提示
左侧的工具提示
我把这把小提琴比作:

生成的代码完全不同,不在同一位置。在小提琴上,所有的东西都是在同一个地方生成的,一旦一个元素被初始化,它就会得到我没有的
数据原始标题。而
是在
主体
标记末尾之前生成的,而不是在同一位置

我用更少的内存加载引导。我还没有发现其他奇怪的行为。 在从生成的less=>css文件加载引导程序后,我尝试从CDN加载引导程序,但问题相同

我也尝试了,虽然没有加载所有我自己的CSS,但只加载bootstrap/font-awesome。一样


知道为什么会发生这种情况吗?

这个问题是
bootstrap3
jqueryui
之间的兼容性问题,两者都使用了工具提示元素。我的解决方案是不使用jQueryUI工具提示插件。(当您可以在下载之前自定义要添加到jQuery UI的插件时)

您还可以禁用JqueryUI的工具提示,如下所示:
$('*')。工具提示('disable')这对我来说是最好的解决方案,因为批量剥离它不是一个选项。