Bootstrap: Collapse und Tooltip zusammen

Question

Ich möchte wissen, ob es möglich ist, Tooltip auf einem Kollapse Anker Tag zu haben. Der Code, der für Kollaps verwendet wird, ist:

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

Jetzt zeigt es die QuickInfo, aber die Funktion zum Ausblenden funktioniert nicht. Was ich ändern muss, damit beide Funktionen funktionieren. Ich kenne den Text von Anker-Tag kann die Nachricht tatsächlich zeigen, dass ich als Tooltip Nachricht verwenden möchten, aber möchte nur wissen, ob ihre möglich, sowohl die Funktionalität haben zusammen

Answer 1

Vom Bootstrap Javascript overview page:

Komponentendatenattribute

Verwenden Sie keine Datenattribute von mehreren Plug-Ins für dasselbe Element. Zum Beispiel kann eine Schaltfläche nicht beide einen Tooltip haben und ein Modal umschalten. Verwenden Sie dazu ein Umbruchelement.

Versuchen Sie folgendes:

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

Answer 2

Eine andere Lösung Trigger ändern für Tooltip ist. Standard-Trigger ist:

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

die wie folgt funktioniert:

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

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

die wie folgt funktioniert:

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