Modaldialogen i front-end frameworket Bootstrap kan specificeres med en URL ved hjælp af fjernindstillingen, så dialogen automatisk indlæser data fra denne adresse ind i .modal-body, når den popper op første gang, men den indlæses kun én gang, selvom dette problem kan løses ved at kalde removeData()-metoden i event.
Efter at have søgt og konsulteret den relevante dokumentation fandt jeg ud af, at det er nok at skrive en erklæring i den skjulte hændelse i dialogboksen:
- $("#myModal").on("hidden", function() {
- $(this).removeData("modal");
- });
Kopier kode Du kan også fjerne data, før du åbner dialogen hver gang, og effekten er den samme.
Bemærk: Ovenstående kode er baseret på Bootstrap v2, hvis du bruger Bootstrape v3, skrives HTML'en i modaldialogen og begivenheden forskelligt, for eksempel for den skjulte begivenhed ovenfor, så det kan skrives som:
- $("#myModal").on("hidden.bs.modal", function() {
- $(this).removeData("bs.modal");
- });
Kopier kode
|