javascript - Bootstrap : Collapse and Tooltip together

标签 javascript jquery html twitter-bootstrap tooltip

我想知道是否可以在折叠 anchor 标记上显示工具提示。用于折叠的代码是:

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Data</a>

它工作正常,但现在我想给它添加一个工具提示。所以我将代码更改为:

<a data-toggle="collapse tooltip" title ="Tooltip Message" data-parent="#accordion" href="#collapseOne">Data</a>

现在它显示了工具提示,但折叠功能不起作用。我必须做哪些更改才能使这两个功能正常工作。我知道 anchor 标记的文本实际上可以显示我想用作工具提示消息的消息,但只是想知道是否可以同时具有这两种功能

最佳答案

来自Bootstrap Javascript overview page :

Component data attributes

Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.

试试这个:

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
  <span data-toggle="tooltip" title="Tooltip Message">Data<span>
</a>

关于javascript - Bootstrap : Collapse and Tooltip together,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24200652/

相关文章:

javascript - 未处理的拒绝原因(应为空)

javascript - 语法错误 : missing ; before statement {"version":3 ,"file" :"jquery-2.1.0.min.js" ,"sources": ["jquery-2.1.0.js"

javascript - 从用户那里收集 JavaScript 内存配置文件数据

javascript - 在 if 语句中使用 'this'

javascript - 如何将条件 react 与 document.querySelector 相关联?

html - 我添加的 Asp.net Core 2.0 MVC CSS 不起作用

javascript - 通过将安全 View 分配给角色并提供多种条件的过滤器,在 Snowflake 上实现行级安全性 (RLS)

javascript - jQuery.noConflict() 与其他库

html - 只用CSS实现一个简单的下拉菜单

javascript - 左右箭头移出图像时不会淡出