【问题标题】:Bootstrap Tooltip Not working with aria-describedby引导工具提示不适用于 aria- describeby
【发布时间】:2017-03-14 12:51:26
【问题描述】:

我不明白为什么我的引导工具提示不起作用。 当我向元素添加标题属性并将鼠标悬停在其上时,标题属性设置为 null 并添加另一个元素调用 area- describeby。

<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/

知道为什么会这样吗?

i am currently use this bootstrap and jquery version
Bootstrap v3.3.4
jQuery v2.1.4
jQuery UI - v1.11.2 - 2014-10-16

【问题讨论】:

  • 您还应该发布 javascript 和 html 代码

标签: jquery twitter-bootstrap twitter-bootstrap-3 jquery-ui-tooltip twitter-bootstrap-tooltip


【解决方案1】:

我得到了解决方案,

在 bootstrap.min.js 之前使用 jquery-ui.min.js

这个错误发生在冲突2个js文件..

【讨论】:

    【解决方案2】:

    我试图解决它,但我无法理解。我在那个 jquery 函数(带有所有按钮)上设置了一个断点,但我无法触发这些断点。不知何故看着 DOM,我注意到这些按钮有一些事件处理程序,其中一些更有趣的是mouseover。我认为是触发 .tooltip() 函数的那个​​。他们在页面中添加了一些 div,但我需要稍后解决这个问题。所以我把这条消息作为备忘录发布。

    谢谢 法布里齐奥

    【讨论】:

    • 我得到了问题的原因,但不知道如何解决。我同时使用 Bootstrap 和 jquery-ui 这就是工具提示不显示的原因。如果您有任何解决方案,请告诉我。谢谢 kaushik :)
    • 如果我从我的页面评论 jquery.ui 就可以了.. 但使用 jquery.ui 就不行了
    • @Kaushiksolanki 抱歉,我试图找到解决方案。我想不通。我对 jquery 不是那么专家。我尝试使用.mouseover(),但它不起作用,.tooltip() 效果来自bootstrap.min.js。触发的事件位于jquery-3.1.1.js 的第 502 行。这个函数总是被调用。我认为该工具提示不是来自您的代码,而是来自 jquery 代码。如果你在那里设置断点,当它不在你的 javascript 代码中时,它会在鼠标悬停时被调用。
    • 没关系,亲爱的,我得到了解决方案并发布了我的答案。感谢您的友好回复:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多