Twitter bootstrap tooltip trigger par défaut est hover.Twitter Bootstrap Tooltips sur Hover & Focus
Je peux ajouter data-trigger = "focus" pour que l'info-bulle s'affiche au foyer, mais comment je fais flotter et me concentrer?
solution par @Adrian ne fonctionne pas sur Bootstrap 3. Utilisation suivant:
$('[rel=tooltip]').tooltip();
$(document).on('hover', '[rel=tooltip]', function() { $(this).tooltip('show'); });
$(document).on('focus', '[rel=tooltip]', function() { $(this).tooltip('show'); });
avez-vous essayé data-trigger="focus hover"
trigger est une propriété à valeur unique, donc vous devez faux ou l'autre des deux méthodes:
$('.tooltip').tooltip({trigger: 'hover'}).each(function() {
var $this = $(this), data = $this.data('tooltip');
$this.on('focus.tooltip', $.proxy(data.enter, data))
.on('blur.tooltip', $.proxy(data.leave, data));
});
Mise à jour: Vous pouvez également utiliser mon patch à Twitter Bootstrap faites trigger une propriété à valeurs multiples et réglez-la sur hover focus.
J'ai essayé d'utiliser le correctif et j'ai quand même obtenu un ou plusieurs déclencheurs. J'ai utilisé votre «faux» ci-dessus et cela fonctionne quand je ne spécifie pas un déclencheur de données. Je vais continuer à essayer le patch. Merci de votre aide. – RLeisinger
Pourriez-vous poster le code que vous avez essayé de faire un jsfiddle? Quoi qu'il en soit, nous devrions déplacer cette discussion à la [pull request] (https://github.com/twitter/bootstrap/pull/6102). –
vous pouvez simplement passer le déclencheur paramètre:
$('[data-toggle="tooltip"]').tooltip({ trigger:'hover focus' });
J'ai essayé Data- trigger = "focus hover" et data-trigger = "hover focus". Les deux sont déclenchés sur le focus uniquement, pas sur le vol stationnaire. – RLeisinger
En regardant rapidement le code source ou la documentation, vous pouvez vérifier que cela n'est pas possible à ce jour. –
le mien est différent, hover fonctionne mais focus ne ... woah ..... – kebyang