es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

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.

Tags:  

Answer

  1. Avatar for 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 sintaxis new 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 el id del elemento del modal coincida con el método getElementById().

    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.

Comments are closed.