Il dialogo modale del framework front-end Bootstrap può essere specificato con un URL usando l'opzione remota, così che il dialogo carichi automaticamente i dati da questo indirizzo nel .modal-body quando appare per la prima volta, ma si caricherà solo una volta, anche se questo problema può essere risolto chiamando il metodo removeData() nell'evento.
Dopo aver cercato e consultato la documentazione pertinente, ho scoperto che basta scrivere un'istruzione nell'evento nascosto della finestra di dialogo:
- $("#myModal").on("hidden", function() {
- $(this).removeData("modal");
- });
Copia codice Puoi anche rimuovere dati prima di aprire il dialogo ogni volta, e l'effetto è lo stesso.
Nota: Il codice sopra si basa su Bootstrap v2, se usi Bootstrape v3, l'HTML del dialogo modale e dell'evento sono scritti in modo diverso, ad esempio, per l'evento nascosto sopra, per scrivere come:
- $("#myModal").on("hidden.bs.modal", function() {
- $(this).removeData("bs.modal");
- });
Copia codice
|