Ich möchte wissen, ob es möglich ist, einen Tooltip auf einem Minimierungs-Anker-Tag zu haben. Der Code, der zum Zusammenklappen verwendet wird, lautet:

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

Es funktioniert gut, aber jetzt möchte ich einen Tooltip hinzufügen. Also habe ich den Code geändert in:

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

Jetzt wird zwar der Tooltip angezeigt, aber die Minimierungsfunktion funktioniert nicht. Welche Änderungen muss ich vornehmen, damit beide Funktionalitäten funktionieren. Ich weiß, dass der Text des Anchor-Tags tatsächlich die Nachricht anzeigen kann, die ich als Tooltip-Nachricht verwenden möchte, aber ich möchte nur wissen, ob es möglich ist, beide Funktionen zusammen zu haben

Von dem Bootstrap-Javascript-Übersichtsseite:

Komponentendatenattribute

Verwenden Sie keine Datenattribute von mehreren Plugins für dasselbe Element. Beispielsweise kann eine Schaltfläche nicht gleichzeitig einen Tooltip haben und ein Modal umschalten. Verwenden Sie dazu ein Wrapping-Element.

Versuche dies:

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

Eine andere Lösung besteht darin, den Auslöser für den Tooltip zu ändern. Standardauslöser ist:

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

Was so funktionieren wird:

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>

Aber Sie können es ändern in:

$(function () {
  $('[data-tooltip="true"]').tooltip()
})

Was so funktionieren wird:

<button type="button" class="btn btn-default" data-tooltip="true" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>