.Load (): n korjaaminen välimuistissa oleville kuville - CSS-temppuja

Anonim

.Load () -toiminto käynnistyy, kun elementti, johon se on kutsuttu, on täysin ladattu. Sitä käytetään yleisesti kuvissa, joita ei ehkä ole ladattu kokonaan, kun JavaScript alun perin suoritetaan, ja siten palauttaisivat virheellisiä tietoja itsestään (esim. Korkeus / leveys). Useimmat selaimet käsittelevät tätä sakkoa. IE voi aiheuttaa ongelmia, kun sivun kuvat tallennetaan välimuistiin.

Kuvan valitseminen ja sen src-määritteen muuttaminen satunnaisen parametrin liittämiseksi (päivämäärän perusteella). Tämä huijaa IE: n käynnistämään .load () -toiminnon oikein.

myImge = $("") .attr("src",anyDynamicSource+ "?" + new Date().getTime());

Nyt .load () -toiminto toimii, jopa IE: ssä:

$(myImge).load(function() ( alert("will alert even in IE") ));
Katso ensimmäisestä kommentista varoitus tämän tekniikan käytöstä CDN: n kanssa.