Bootstrap-modalinnstillingen bufrer ikke data

Lille skurk · Publisert på 09.11.2015 11:00:19

Den modale dialogen til front-end-rammeverket Bootstrap kan spesifiseres med en URL ved hjelp av fjernvalget, slik at dialogen automatisk laster data fra denne adressen inn i .modal-body når den dukker opp for første gang, men den laster bare én gang, selv om dette problemet kan løses ved å kalle removeData()-metoden i hendelsen.

Etter å ha søkt og konsultert relevant dokumentasjon, fant jeg ut at det er nok å skrive en setning i den skjulte hendelsen i dialogboksen:

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

Kopier koden

Du kan også fjerne data før du åpner dialogen hver gang, og effekten er den samme.

Merk: Koden ovenfor er basert på Bootstrap v2, hvis du bruker Bootstrape v3, er HTML-en i modaldialogen og hendelsen skrevet annerledes, for eksempel for den skjulte hendelsen ovenfor, for å skrive som:

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

Kopier koden

[Bootstrap] Bootstrap-modalinnstillingen bufrer ikke data

Relaterte innlegg