Der modale Dialog des Frontend-Frameworks Bootstrap kann mit einer URL über die Remote-Option angegeben werden, sodass der Dialog automatisch Daten von dieser Adresse in den .modal-body lädt, wenn er zum ersten Mal erscheint, jedoch nur einmal geladen wird, wobei dieses Problem durch das Aufrufen der removeData()-Methode im Event gelöst werden kann.
Nach der Suche und dem Konsultieren der entsprechenden Dokumentationen stellte ich fest, dass es ausreicht, im versteckten Ereignis des Dialogfensters eine Aussage zu schreiben:
- $("#myModal").on("hidden", function() {
- $(this).removeData("modal");
- });
Code kopieren Du kannst auch Daten entfernen, bevor du den Dialog öffnest, und der Effekt ist derselbe.
Hinweis: Der obige Code basiert auf Bootstrap v2. Wenn Sie Bootstrape v3 verwenden, werden das HTML des modalen Dialogs und das Ereignis anders geschrieben, zum Beispiel für das oben versteckte Ereignis, um wie folgt zu schreiben:
- $("#myModal").on("hidden.bs.modal", function() {
- $(this).removeData("bs.modal");
- });
Code kopieren
|