Bootstrap: Collapse e tooltip insieme

Question

Voglio sapere se è possibile avere suggerimenti su un tag di ancoraggio di compressione. Il codice, che è uso per collasso è:

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

Funziona bene ma ora voglio aggiungere un tooltip ad esso. Così ho cambiato il codice per:

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

Ora mostra la descrizione comando, ma la funzione di crollo non funziona. Quali cambiamenti devo fare in modo che entrambe funzionino. So che il testo del tag di ancoraggio può effettivamente mostrare il messaggio che voglio usare come messaggio di suggerimento, ma solo voglio sapere se la sua possibile avere sia la funzionalità insieme

Answer 1

Dal Bootstrap Javascript overview page: attributi

Dati sui componenti

Non utilizzare gli attributi dati di più plug-in sullo stesso elemento. Ad esempio, un pulsante non può avere entrambi un suggerimento e attivare una modale. Per fare ciò, usa un elemento di avvolgimento.

Prova questo:

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

Answer 2

Un'altra soluzione è quella di cambiare trigger per tooltip. trigger di default è:

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

che funziona in questo modo:

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

Ma si può cambiare a:

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

che funziona in questo modo:

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