Pourquoi mon menu déroulant affecte le menu principal?

1. Comment arrêter le menu déroulant Fermer les éléments du menu en cliquant à l'intérieur?
2. Comment garder la liste déroulante ouverte?
3. Comment empêcher la fermeture de la liste déroulante en cliquant à l'extérieur?
4. Comment changer la position d'un menu déroulant en HTML?
5. Comment rendre un menu déroulant cliquable?
6. Comment inspecter une option de liste déroulante?
7. Comment garder le menu déroulant accordéon ouvert lors de l'ouverture d'une nouvelle page?
8. Sur quelle option cliquerez-vous dans la liste déroulante Bordures pour voir plus de bordures?
9. Comment fermer un menu en cliquant sur le corps?
10. Comment masquer le sous-menu après avoir cliqué?

Comment arrêter le menu déroulant Fermer les éléments du menu en cliquant à l'intérieur?

Comme tous les utilisateurs de Twitter Bootstrap le savent, le menu déroulant se ferme au clic (même en cliquant à l'intérieur). Pour éviter cela, je peux facilement attacher un gestionnaire d'événement click sur le menu déroulant et ajouter simplement le célèbre événement. stopPropagation() .

Comment garder la liste déroulante ouverte?

Comme vous pouvez le voir, l'élément en a fait une liste déroulante.

Comment empêcher la fermeture de la liste déroulante en cliquant à l'extérieur?

Pour Bootstrap 4, recherchez le clickEvent , et lorsqu'il est trouvé dans l'événement hide, empêchez le comportement de fermeture par défaut. Cette liste déroulante ne se fermera que lorsque le bouton sera cliqué. Dans certains cas, vous souhaiterez peut-être que la liste déroulante se ferme lorsque vous cliquez sur le bouton ou le menu. Dans ce cas, vous pouvez examiner la cible clickEvent.

Comment changer la position d'un menu déroulant en HTML?

Enveloppez un <div> élément autour des éléments pour positionner correctement le contenu de la liste déroulante avec CSS. CSS) Le .la classe déroulante utilise position:relative , ce qui est nécessaire lorsque nous voulons que le contenu de la liste déroulante soit placé juste en dessous du bouton déroulant (en utilisant position:absolute ).

Comment rendre un menu déroulant cliquable?

Exemple expliqué

Utilisez n'importe quel élément pour ouvrir le menu déroulant, e.g. une <bouton>, <une> ou alors <p> élément. Utilisez un élément conteneur (comme <div>) pour créer le menu déroulant et ajouter les liens déroulants à l'intérieur. Enveloppez un <div> élément autour du bouton et le <div> pour positionner correctement le menu déroulant avec CSS.

Comment inspecter une option de liste déroulante?

Les étapes sont :

1. Inspecter le champ déroulant.
2. Trouvez le DOM dynamique (le point culminant violet)
3. Cliquez avec le bouton droit de la souris sur ce DOM dynamique.
4. Choisissez Développer de manière récursive :
5. Nous pouvons voir que tous les éléments sont là.

Comment garder le menu déroulant accordéon ouvert lors de l'ouverture d'une nouvelle page?

Re: Comment conserver l'état d'un menu accordéon après avoir cliqué sur le lien?

1. $('ul#mainmenu-nav > je suis > une').click(fonction(e)
2. si( $(ceci).attr('href') =='#' ) // vérifie si la valeur href est "#"
3. e.preventDefault();

Sur quelle option cliquerez-vous dans la liste déroulante Bordures pour voir plus de bordures?

Cliquez ou appuyez sur le bouton fléché « Bordure » ​​dans le groupe Paragraphe pour afficher le menu avec les formats de bordure. Cliquez sur la bordure préférée. Les exemples incluent « Bordure inférieure », « Toutes les frontières » et « En dehors des frontières.” Le texte affichera la bordure que vous avez sélectionnée.

Comment fermer un menu en cliquant sur le corps?

2 options que vous pouvez étudier :

1. Lors de l'affichage du menu, placez un grand DIV vide derrière lui couvrant le reste de la page et donnez-lui un événement au clic pour fermer le menu (et lui-même). ...
2. Lors de l'affichage du menu, attachez un gestionnaire d'événements de clic unique sur le corps qui ferme le menu.

Comment masquer le sous-menu après avoir cliqué?

Comment masquer le sous-menu après avoir cliqué sur un lien d'élément de menu

1. jQuery(".méga-menu"). on('after_mega_menu_init', function()
2. jQuery("li.élément-mega-menu:not(.mega-menu-item-a-enfants) > une.méga-menu-lien"). on('clic', fonction(e)
3. jQuery('.méga-menu'). données('maxmegamenu'). hideAllPanels();