La función de ocultar del modal de Bootstrap no funciona.
Utilicé un diálogo modal de Bootstrap con los botones Aceptar/Cancelar. Espero que se realice algo después de hacer clic en Aceptar y luego cierre el diálogo modal. Por lo tanto, utilicé JS para manejar el clic en Aceptar.
HTML:
<div class="modal fade" id="RequestModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="RequestModalLabel">¿Confirmar para enviar la siguiente solicitud?</h5>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
<button type="button" class="btn btn-primary" id="btn_close" onclick="f_test()">Aceptar</button>
</div>
</div>
</div>
</div>
JS:
function f_test () {
var myModal = new bootstrap.Modal(document.getElementById('RequestModal'));
myModal.hide();
}
La función hide no funciona. Busqué en Stack Overflow y otros lugares, pero no obtuve una buena respuesta.
davy.ai
Una posible razón por la que la función
hide()
no está funcionando es que la instancia Modal de bootstrap no se está inicializando correctamente. La sintaxisnew bootstrap.Modal()
solo está disponible en Bootstrap 5, así que asegúrese de estar utilizando la versión correcta de Bootstrap. En Bootstrap 4, la sintaxis de inicialización es$('#myModal').modal()
.Otra posible razón es que la variable
myModal
no está haciendo referencia correctamente al elemento del modal. Verifique que elid
del elemento del modal coincida con el métodogetElementById()
.Por último, siempre es bueno revisar la consola del navegador en busca de cualquier mensaje de error o problema que pueda estar impidiendo que el código se ejecute correctamente.