Deshabilite el clic fuera del área modal de arranque para cerrar modal [duplicado]
Estoy creando un sitio web de arranque, con un par de 'Modales' de Bootstrap. Estoy intentando personalizar algunas de las funciones predeterminadas.
El problema es este; Puedes cerrar el modal haciendo clic en el fondo. ¿Hay alguna forma de desactivar esta función? ¿Solo en modales específicos?
Página modal de arranque
En el capítulo Opciones, en la página que vinculó, puede ver la backdropopción. Pasar esta opción con valor 'static'evitará cerrar el modal.
Como @PedroVagner señaló en los comentarios, también puedes pasar {keyboard: false}para evitar que se cierre el modal presionando Esc.
Si abres el modal mediante js usa:
$('#myModal').modal({backdrop: 'static', keyboard: false})
Si está utilizando atributos de datos, utilice:
<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
Launch demo modal
</button>`
Este es el más fácil
Puede definir su comportamiento modal, definiendo el teclado de datos y el fondo de datos.
<div id="modal" class="modal hide fade in" data-keyboard="false" data-backdrop="static">
Puedes usar un atributo como este: data-backdrop="static"o con javascript:
$('#myModal').modal({
backdrop: 'static',
keyboard: false // to prevent closing with Esc button (if you want this too)
})
Vea esta respuesta también: No permitir que se cierre la ventana modal de arranque de Twitter
