javascript - Bootstrap : Collapse and Tooltip together

Question

我想知道是否可以在折叠 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 标记的文本实际上可以显示我想用作工具提示消息的消息，但只是想知道是否可以同时具有这两种功能

Answer 1

来自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>