Коригиране на .load () в IE за кеширани изображения - CSS-трикове

Anonim

Функцията .load () се задейства, когато елементът, към който е извикан, е напълно зареден. Често се използва за изображения, които може да не се заредят напълно, когато първоначално се изпълнява JavaScript, и по този начин биха върнали неправилна информация за себе си (например височина / ширина). Повечето браузъри се справят с тази глоба. IE може да причини проблеми, когато изображенията на страницата се кешират.

Избиране на изображението и промяна на неговия атрибут src за добавяне на произволен параметър (въз основа на датата). Това ще подмами IE да задейства правилно функцията .load ().

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

Сега функцията .load () ще работи дори в IE:

$(myImge).load(function() ( alert("will alert even in IE") ));
Вижте първия коментар за предупреждение относно използването на тази техника с CDN.