Comment empêcher les listes déroulantes Bootstrap de se fermer lors d'un clic à l'intérieur ?

Éviter la fermeture du menu déroulant lors d'un clic à l'intérieur

Dans les listes déroulantes Bootstrap, les éléments de menu se ferment par défaut à chaque clic, même ceux contenus dans la liste déroulante lui-même. Bien que l'association d'un gestionnaire d'événements de clic au menu déroulant avec event.stopPropagation() résolve ce problème, cela peut entraîner des problèmes avec les événements délégués pour les contrôles de carrousel.

Solution :

Pour gérer ce dilemme, une approche de délégation d'événement plus précise est nécessaire :

<code class="js">$(document).on('click', 'dropdown .dropdown-menu', function (e) {
  e.stopPropagation();
});</code>

Cela délègue l'événement de clic au conteneur souhaité, garantissant que les clics à l'intérieur de celui-ci ne déclenchent pas la fermeture de la liste déroulante.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!