Saltar al contenido

Fondo modal Bootstrap = ‘static’ no funciona

Luego de de una prolongada búsqueda de información pudimos solucionar esta pregunta que presentan ciertos usuarios. Te dejamos la respuesta y nuestro objetivo es servirte de mucha ayuda.

Solución:

Encontré una solución para este problema.

Una vez que el modal se ha ocultado, los datos de arranque aún permanecen en él. Para evitar eso, tenía lo siguiente:

$('#myModal').modal('show'); //display something
//...

// if you don't want to lose the reference to previous backdrop
$('#myModal').modal('hide'); 
$('#myModal').data('bs.modal',null); // this clears the BS modal data
//...

// now works as you would expect
$('#myModal').modal(backdrop:'static', keyboard:false);

Tuve el mismo problema con Bootstrap 4.1.1 y solo funcionó cuando agregué los datos attributes al html

Similar a Daniele Piccioni pero un poco más conciso:

$('#myModal').modal(backdrop: true, keyboard: false, show: true);
$('#myModal').data('bs.modal').options.backdrop = 'static';

Esto es para Bootstrap 3.+

Ver también: Cambiar la opción modal de Bootstrap una vez que ya existe

Aquí puedes ver las reseñas y valoraciones de los lectores

Recuerda dar difusión a este artículo si si solucionó tu problema.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *