J'ai un menu déroulant bootstrap :
<div class="dropdown>
<a class="dropdown-toggle" href="#" id="menu1" data-toggle="dropdown"><img src="@imagePath" class="img-circle dropbtn" alt="Product" style="width:30px;height:30px;" /></a>
<ul class="dropdown-menu" id="productDD" role="menu" aria-labelledby="menu1"></ul>
</div>Maintenant l'ul charge les produits au chargement de la page par un appel ajax. Le problème est que lorsque je clique sur un produit dans la liste déroulante, celle-ci se ferme. Mais je veux fermer la liste déroulante uniquement lorsque la souris est cliquée n'importe où à l'extérieur de l'ul.
