9
votes

Make Bootstrap's Yamm Open on Hover

J'utilise le yamm pour créer un menu méga pour Bootstrap, mais je ne peux pas comprendre comment faire apparaître le menu sur la sourisovers / survol. Pour le moment, il n'apparaît que sur clic.

Github Demo

jsfiddle

xxx


0 commentaires

3 Réponses :


13
votes

Vous devez faire affichage: bloquer lorsque le document li est HOPRD.

ajoutez ceci dans votre code CSS xxx


7 commentaires

Cela provoque la décalage des liens déroulants, non conseillés


Quel lien dropdown, je pense que vous parlez de l'élément d'en-tête principal se déplace sur la survolte, mais que cela dépasse également un clic.


Tu as raison mon mauvais. Mais cela me conduit à croire qu'il existe une autre erreur dans le balisage. mais votre réponse est correcte


Hmm, qui peut être résolu en ajoutant une largeur dans l'élément li .


Oui, cette solution CSS fonctionne sur Hover. Toutefois, si vous cliquez sur une bascule déroulante, il reste ouvert, puis si vous survolez sur autre chose, il y aura 2 menus déroulants superposés. Ce n'est pas très évident cependant, il y a juste un changement d'ombre, mais cela devient évident lorsque vous stortez la bascule Open Dropdown-Toggle.


incroyable. Je m'attendais à une réponse jQuery


Ceci est travaillé mais Nom de la classe Si Dropdown a fonctionné si un autre nom de classe que vous devez renommer et modifier cette ligne de code ul.navname Li.DropdownClassName



1
votes

Beaucoup de plugins disponibles pour Afficher la liste déroulante Bootstrap sur Hover. Ici, j'ai utilisé un plugin pour démo, reportez-vous à l'URL suivante

[http://jsfiddle.net/azhagu/6vYr2/2/][1]


0 commentaires

0
votes
@media (min-width: 768px) {
    /* disable dropping down on mouse click */
    ul.nav li.open > ul.dropdown-menu {
        display: none;    
    }
    /* enable dropping down on mouse hover */
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;    
    }
}

0 commentaires