Modem Bootstrap wydaje się buforować mój obraz za każdym razem, gdy go dynamicznie zapełniam. Czy istnieje sposób, aby to wyczyścić? - jquery, twitter-bootstrap, bootstrap-modal

Tak używam jquery, aby pobrać adres URL zdjęćgaleria i dynamicznie wypełniają modę bootstrap. Wygląda na to, że działa dobrze, jednak w niektórych przeglądarkach zauważyłem, że po zamknięciu modalu i próbie otwarcia innego obrazu, pojawia się stary obraz przed załadowaniem nowego. Po zrobieniu debugowania zauważyłem, że za każdym razem, gdy otwierasz modal, wydaje się on uruchamiać show.bs.modal za każdym razem, gdy modal był wcześniej otwierany. Wydaje się, że buforuje każdy poprzedni obraz załadowany do modalu. Czy istnieje sposób, aby wyczyścić to na hidden.bs.modal / hide.bs.modal?

Próbowałem tego kodu, ale wydaje się, że nie działa.

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

Oto codepen, aby pokazać, co się dzieje: Przykładowy kod

Jeśli spojrzysz na konsolę, zobaczysz, o czym mówię. Przepraszam, jeśli to trochę nieprzyjemne, wciąż jestem całkiem nowy w kodowaniu.

Odpowiedzi:

Wspomniałeś, że dzieje się tak tylko w niektórych przeglądarkach. Być może wynika to z właściwości pamięci podręcznej samej przeglądarki? Co się stanie, gdy wyczyścisz pamięć podręczną przeglądarki?