De Bootstrap-modalinstelling cachet geen gegevens

Klein tuig · Geplaatst op 09-11-2015 11:00:19

De modale dialoog van het front-end framework Bootstrap kan worden gespecificeerd met een URL via de remote option, zodat de dialoog automatisch gegevens van dit adres in de .modal-body laadt wanneer deze voor het eerst verschijnt, maar slechts één keer laadt, hoewel dit probleem kan worden opgelost door de removeData()-methode in het event aan te roepen.

Na het zoeken en raadplegen van de relevante documentatie ontdekte ik dat het voldoende is om een statement te schrijven in het verborgen event van het dialoogvenster:

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

Code kopiëren

Je kunt ook gegevens verwijderen voordat je het dialoogvenster opent, en het effect is hetzelfde.

Opmerking: De bovenstaande code is gebaseerd op Bootstrap v2, als je Bootstrape v3 gebruikt, worden de HTML van de modale dialoog en het event anders geschreven, bijvoorbeeld voor het hierboven verborgen evenement, om te schrijven als:

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

Code kopiëren

[Bootstrap] De Bootstrap-modalinstelling cachet geen gegevens

Gerelateerde berichten