Bootstrap-modalinställningen cachar inte data

Lilla avskum · Publicerad på 2015-11-09 11:00:19

Modaldialogen i front-end-ramverket Bootstrap kan specificeras med en URL med fjärralternativet, så att dialogen automatiskt laddar data från denna adress till .modal-body när den dyker upp för första gången, men den laddas bara en gång, även om detta problem kan lösas genom att anropa metoden removeData() i händelsen.

Efter att ha sökt och konsulterat relevant dokumentation upptäckte jag att det räcker att skriva ett uttalande i den dolda händelsen i dialogrutan:

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

Kopiera koden

Du kan också ta bort data innan du öppnar dialogen varje gång, och effekten är densamma.

Obs: Koden ovanstående är baserad på Bootstrap v2, om du använder Bootstrape v3 skrivs HTML:n i modaldialogen och händelsen olika, till exempel för den dolda händelsen ovan, för att skriva som:

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

Kopiera koden

[Bootstrap] Bootstrap-modalinställningen cachar inte data

Relaterade inlägg