La boîte de dialogue modale du framework front-end Bootstrap peut être spécifiée avec une URL via l’option distante, de sorte que la boîte de dialogue charge automatiquement les données de cette adresse dans le .modal-body lors de sa première apparition, mais elle ne se chargera qu’une seule fois, bien que ce problème puisse être résolu en appelant la méthode removeData() dans l’événement.
Après avoir consulté la documentation pertinente, j’ai constaté qu’il suffit d’écrire une instruction dans l’événement caché de la boîte de dialogue :
- $("#myModal").on("hidden", function() {
- $(this).removeData("modal");
- });
Note : Le code ci-dessus est basé sur Bootstrap v2, si vous utilisez Bootstrape v3, le HTML du dialogue modal et de l’événement sont écrits différemment, par exemple, pour que l’événement caché ci-dessus s’écrive comme :
- $("#myModal").on("hidden.bs.modal", function() {
- $(this).removeData("bs.modal");
- });
|
Publié sur 09/11/2015 11:00:19
|
|
|
|
