A configuração modal Bootstrap não armazena dados em cache

Pequeno · Publicado em 09/11/2015 11:00:19

O diálogo modal do framework front-end Bootstrap pode ser especificado com uma URL usando a opção remota, de modo que o diálogo carregará automaticamente os dados desse endereço no .modal-body quando ele aparecer pela primeira vez, mas carregará apenas uma vez, embora esse problema possa ser resolvido chamando o método removeData() no evento.

Após pesquisar e consultar a documentação relevante, descobri que basta escrever uma instrução no evento oculto da caixa de diálogo:

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

Copiar código

Você também pode remover dados antes de abrir o diálogo toda vez, e o efeito é o mesmo.

Nota: O código acima é baseado no Bootstrap v2; se você usar o Bootstrape v3, o HTML do diálogo modal e do evento são escritos de forma diferente, por exemplo, para o evento oculto acima, para escrever como:

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

Copiar código

[Bootstrap] A configuração modal Bootstrap não armazena dados em cache

Posts Relacionados