Red de conocimiento informático - Conocimiento informático - Cómo deshabilitar el cierre del cuadro modal Bootstrap

Cómo deshabilitar el cierre del cuadro modal Bootstrap

El cuadro modal se cerrará cuando se haga clic en la capa de máscara, o el cuadro modal se cerrará cuando el usuario haga clic en el botón cerrar. Si no quiero que se cierre, ¿cómo debo modificarlo? Muchas veces nos encontraremos con la siguiente situación, como un cuadro modal emergente cuyo contenido es un formulario de edición de información. Cuando el usuario debe completar la información, el usuario no puede cerrar el cuadro modal, de lo contrario la página se cerrará o saltará. a la página.

Hoy compartiré con ustedes cómo implementar la operación anterior de cerrar el cuadro modal.

Bootstrap es muy optimizado y flexible para la implementación de cuadros modales. Los usuarios solo necesitan usar una pequeña cantidad de código y configuraciones predeterminadas inteligentes para lograr el efecto de ventana modal implementado por Javascript tradicional. Los efectos predeterminados de la ventana modal de Bootstrap incluyen el cuadro de diálogo que cae desde la parte superior de la pantalla, el resto de la pantalla se oscurece y la ventana modal se oculta. Estos efectos corresponden a las clases .modal .fade .hide. No necesitamos escribir ningún código javascript para lograr efectos modales. Solo necesitamos colocar data-toggle="modal" en los elementos de control de activación (como botones, hipervínculos, etc.) y especificar el enlace de ID de su modal. ventana (objetivo de datos="#mymodal", href="#mymodal"). Cuando se activan estos elementos de control, aparece la ventana modal. Las ventanas modales pueden ser muy ricas en contenido, todo lo cual debe estar contenido dentro de un div modal, y se puede definir el encabezado, el contenido y el pie de página de la ventana modal.