Bootstrap工具提示3.2 - 使用咏叹调描述的样式

Question

我不明白为什么我的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加载引导程序.我还没有发现其他奇怪的行为.我尝试从我生成的less => css文件中加载后从CDN加载引导程序,但同样的问题.

我也试过虽然没有加载我自己的CSS但只有bootstrap/font-awesome.相同.

知道为什么会这样吗？

Answer 1

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