Front-end frameworkin Bootstrapin modaalidialogi voidaan määrittää URL-osoitteella remote -vaihtoehdon avulla, jolloin dialogi lataa automaattisesti tiedot tästä osoitteesta .modal-bodyyn, kun se ilmestyy ensimmäistä kertaa, mutta lataa vain kerran, vaikka ongelma voidaan ratkaista kutsumalla removeData()-metodia tapahtumassa.
Etsittyäni ja tarkasteltuani asiaankuuluvaa dokumentaatiota huomasin, että riittää kirjoittaa lause valintaikkunan piilotettuun tapahtumaan:
- $("#myModal").on("hidden", function() {
- $(this).removeData("modal");
- });
Huomautus: Yllä oleva koodi perustuu Bootstrape v2:een, jos käytät Bootstrape v3:ta, modaalidialogin ja tapahtuman HTML kirjoitetaan eri tavalla, esimerkiksi yllä olevassa piilotetussa tapahtumassa seuraavasti:
- $("#myModal").on("hidden.bs.modal", function() {
- $(this).removeData("bs.modal");
- });
|
Julkaistu 9.11.2015 11.00.19
|
|
|
|
