La configuración modal de arranque no almacena en caché los datos

Pequeña basura · Publicado en 9/11/2015 11:00:19

El diálogo modal del framework front-end Bootstrap puede especificarse con una URL usando la opción remota, de modo que el diálogo cargue automáticamente los datos de esta dirección al .modal-body cuando aparezca por primera vez, pero solo cargará una vez, aunque este problema puede resolverse llamando al método removeData() en el evento.

Tras buscar y consultar la documentación relevante, descubrí que basta con escribir una sentencia en el evento oculto del cuadro de diálogo:

$("#myModal").on("hidden", function() {
$(this).removeData("modal");
});

Copiar código

También puedes eliminar datos antes de abrir el diálogo cada vez, y el efecto es el mismo.

Nota: El código anterior se basa en Bootstrap v2; si usas Bootstrape v3, el HTML del diálogo modal y el evento están escritos de forma diferente, por ejemplo, para que el evento oculto anterior se escriba como:

$("#myModal").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});

Copiar código

[Bootstrap] La configuración modal de arranque no almacena en caché los datos

Publicaciones relacionadas