Fixarea .load () în IE pentru imaginile cache - CSS-Tricks

Cuprins

Funcția .load () se declanșează atunci când elementul la care este apelat este încărcat complet. Este utilizat în mod obișnuit pe imagini, care ar putea să nu fie încărcate complet când JavaScript rulează inițial și, astfel, ar returna informații incorecte despre ele însele (de exemplu, înălțime / lățime). Majoritatea browserelor se ocupă de această amendă. IE poate cauza probleme atunci când imaginile de pe pagină sunt stocate în cache.

Selectarea imaginii și schimbarea atributului src pentru a adăuga un parametru aleatoriu (pe baza datei). Acest lucru va înșela IE să declanșeze corect funcția .load ().

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

Acum funcția .load () va funcționa, chiar și în IE:

$(myImge).load(function() ( alert("will alert even in IE") ));
Consultați primul comentariu pentru un avertisment cu privire la utilizarea acestei tehnici cu un CDN.

Articole interesante...