zeigen bootstrap tooltip beim Laden und automatisch ausblenden nach ein paar Sekunden

Question

Dies zeigt Tooltip beim Laden der Seite, aber wie Sie es nach ein paar Sekunden verstecken?

ich so etwas wie dies versucht,

$('a').tooltip({ 
    'delay': { show: 'show', hide: 3000 } 
}); 

jsfiddle

Answer 1

Die Verzögerung wirkt sich tatsächlich um die Verzögerung der Tooltip durch die gewählte Triggermethode anzuzeigen, die standardmäßig Hover ist. Sie müssten den Trigger manuell setzen, dann können Sie ihn beim Laden der Seite auslösen und ein Zeitlimit setzen, das später ausgeblendet wird. So etwas sollte funktionieren:

$('p').tooltip({ 
    trigger: 'manual' 
}); 
$(document).ready(function() { 
    $('p').tooltip('show'); 
    setTimeout(function(){ $('p').tooltip('hide'); }, 3000); 
}); 

die Dokumentation finden Sie hier für weitere Informationen: http://getbootstrap.com/javascript/#tooltips