Estoy tratando de alertar a los datos cuando el menú desplegable de Bootstrap5 está cerrado, pero no puedo hacer que funcione. A continuación se muestra lo que he intentado
<div class="dropdown"> <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown"> Dropdown button </button> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Link 1</a></li> <li><a class="dropdown-item" href="#">Link 2</a></li> <li><a class="dropdown-item" href="#">Link 3</a></li> </ul> </div> $('.dropdown-menu').on("hide.bs.dropdown", function () { alert('Dropdown Menu is closed'); });No funciona porque está intentando ejecutar la función en elementos ul, mientras que debería estar ejecutando eventlistenner en el elemento de botón. Le sugiero que use id en ese elemento desplegable en particular.
$('.dropdown-toggle').on("hide.bs.dropdown", function () { alert('Dropdown Menu is closed'); });Aquí está el ejemplo de trabajo para su código. Acabo de agregar la identificación al elemento del botón.