Hola Siguiendo el tutorial aquí https://getbootstrap.com/docs/5.0/components/modal/#via-javascript usan un botón para mostrar el modal. Y si desea mostrar un modal en bootstrap 5 con javascript, básicamente usa var myModal = new bootstrap.Modal(document.getElementById('staticBackdrop')); myModal.show();
Mi pregunta es ¿cómo puedo cerrar un modal con javascript que se abrió con el botón? Básicamente, ¿cómo podría manejar ese modal que ya estaba abierto? Me doy cuenta de que una vez que tuviera el identificador, simplemente llamaría a .hide()
---Editar--- Para dejar esto claro. en bootstrap 5 cuando se abre sin usar javascript
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"> Launch demo modal </button>Estaba tratando de manejar ese modal
Lo averigué.
var myModalEl = document.getElementById('staticBackdrop'); var modal = bootstrap.Modal.getInstance(myModalEl) modal.hide();Me faltaba bootstrap.Modal.getInstance. Cada vez que paso 5 horas mirando algo y buscando respuestas. Finalmente publico aquí, e inmediatamente lo descubro jajaja.
Puede usar la variable myModal para llamar a métodos. Use el método de ocultar en el clic de su botón para ocultar su modal: myModal.hide() Lea más sobre los métodos desde aquí: https://getbootstrap.com/docs/5.0/components/modal/#methods
Usé este método
$('#nameModal').modal('hide');