Tengo un menú desplegable de arranque, mi problema es que el evento de clic no se activará. ¿Por qué no se activará el evento de clic? y hay alguna manera de arreglar esto?
<div class="dropdown d-inline-block"> <button type="button" class="btn header-item noti-icon waves-effect" id="page-header-notifications-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="bx bx-bell"></i> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-notifications-dropdown"> <div class="p-3"> <div class="row align-items-center"> <div class="col"> <h6 class="m-0" key="t-notifications"> Notifications </div> </div> </div> </div> </div>Aquí está mi evento de clic:
$(document).on('click','#page-header-notifications-dropdown',function() { alert(); });Creo que el problema aquí es su evento de clic
Intenta esto y mira si funciona. cuando copié el código en el código VS, apareció la alerta.
document.getElementById('page-header-notifications-dropdown').onclick = function() { alert(); };