175 votes

Faire en sorte que Popover Bootstrap apparaisse / disparaisse en survol au lieu de cliquer

Je vais simplement commencer par faire un site pour apprendre le codage et travaille avec Bootstrap de la Liste.

C'est vraiment un super script, mais je ne peux pas comprendre comment faire de la liste apparaissent sur le vol stationnaire au lieu de clic. Tous les autres documents sur le site a été assez facile à comprendre, mais je ne sais vraiment pas beaucoup à propos de jquery/javascript et ne peut pas comprendre cela.

Donc, fondamentalement, tout ce que je veux faire, c'est juste quelqu'un survol de lien au lieu de cliquer dessus et une fenêtre pop-over montrant et puis quelqu'un de ne pas passez la souris sur le lien et pour la liste de s'en aller. Il dit que c'est possible via l'attribut de données ou jquery, mais je préfère avoir-il être fait avec Jquery depuis que j'ai plusieurs popovers.

Merci à tous pour l'aide!

365voto

João Silva Points 36619

Définissez le option du kangourou à ** ** au lieu de `` , qui est la valeur par défaut un.

Cela peut être fait en utilisant soit `` attributs à la balise :

Ou avec une option d’initialisation :

Voici une démo.

32voto

Calexo Points 111

J'aimerais ajouter que pour l'accessibilité, je pense que vous devriez ajouter un déclencheur de focus:

c'est-à-dire $("#popover").popover({ trigger: "hover focus" });

11voto

Johannes F Points 63

Si vous voulez passez le kangourou lui-même, ainsi, vous devez utiliser un déclencheur manuel.

C’est ce que je suis venu avec :

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X