Come chiudere automaticamente Boottip Tooltip che diventa visibile dopo aver fatto clic e aver perso lo stato attivo o cambiato scheda?

ho notato questo strano comportamento con la punta dell'utensile.Come chiudere automaticamente Boottip Tooltip che diventa visibile dopo aver fatto clic e aver perso lo stato attivo o cambiato scheda?

se faccio clic sul collegamento avente toolstop di bootstrap e poi cambio tab o minimizzare la finestra e quindi tornare alla finestra principale il Tooltip viene mostrato anche se il mouse non lo aleggia.

è un bug? o comportamento normale?

http://jsfiddle.net/4nhzyvbL/1/

CODICE HTML

<a data-original-title="Download" target="_blank" href="http://www.google.com/" 
    data-toggle="tooltip" title=""> click me and then come back to check me </a>

codice CSS

@import url("http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/cerulean/bootstrap.min.css"); 
@import url("http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"); 
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

CODICE JS

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

come posso fare tool-tip per non mostrare quando l'utente torna al vento principale ow? ad esempio, nascondi automaticamente.

fonte

2015-09-25 AMB

Nel violino fornito, il tooltip si sta chiudendo al passaggio del mouse. È possibile riprodurre il problema? –

@JSantosh fare clic sul collegamento, quindi cambiare le schede. avrai il problema – AMB

Questo è il comportamento previsto. Da Bootstrap documentation, hover focus sono i trigger predefiniti per mostrare il suggerimento. Quindi quando torni alla finestra, il collegamento diventa attivo e il tooltip mostrerà. è possibile disabilitarlo impostando la propria trigger sul elemento:

data-trigger="hover"

O nel initialiser jQuery:

$('[data-toggle="tooltip"]').tooltip({ 
    trigger: 'hover' 
});

Ad esempio: http://jsfiddle.net/4nhzyvbL/4/

fonte

2015-09-25 13:10:41 DavidG

funziona alla grande, ma ora sto pensando se è un comportamento predefinito, quindi è tenuto perché c'è un motivo. così male essere attaccato al comportamento di default ora., grazie – AMB

ho trovato che avevo bisogno di fare questo e chiudere la descrizione comando quando si fa clic anche. '' '$ ('[data-toggle =" tooltip "]'). On ('click', function() {$ (this) .tooltip ('nascondi');});' '' – yuvilio

questo sta lavorando in firefox, didn' t test in altri browser.

Nascondere la punta dell'utensile quando la linguetta perde la messa a fuoco.

document.addEventListener('visibilitychange', function() { 
    $('[data-toggle="tooltip"]').tooltip('hide') 
})

Reference

Demo

Browsers Support - (IE 10, Riva 12, Firefox 38, cromo 31, safari 8, opera 31, ios 7.1 safari, Android 4.4.4, cromo per versioni Android 44 e successive)

fonte

2015-09-25 14:06:01

Come chiudere automaticamente Boottip Tooltip che diventa visibile dopo aver fatto clic e aver perso lo stato attivo o cambiato scheda?

risposta

Problemi correlati