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')代码>这对我来说是最好的解决方案,因为批量剥离它不是一个选项。