jQuery bind ("load")

Question

var imgLoader = $("<img />"); 
$(imgLoader).attr("src", "http://localhost/malevil/Content/Images/img_adrenalin.jpg"); 

$(imgLoader).unbind('load'); 
$(imgLoader).bind('load', function() { 
    alert("event fired"); 
}); 

그러나이 문제는 크롬에서만 발생하며 문제는 어디에 있습니까? IE에서는 Firefox 및 Opera로드 이벤트가 실행되지 않습니다.

Answer 1

src 속성을 설정하기 전에로드 이벤트를 바인딩해야합니다.

보조 노트로서, 당신이 알아야 할 이미지의로드 이벤트에 문제가 알려진 다음 jQuery manual on load():

인용, 그리고

• javascript, image onload() doesnt fire in webkit if loading same image

• 일관되게 작동하지 않습니다. 신뢰할 수있는 크로스 브라우저
• 그것은 않습니다 웹킷에서 제대로하지 화재 이미지 SRC는
• 는 그것은 DOM 트리를 제대로 수행하지 않는 버블
• 이미지 에 대한 해고 중단 할 수 않습니다 전에 같은 SRC로 설정되어있는 경우 그 이미 브라우저의 캐시에 살고

난 당신이 src 속성은 이미지 것을 수 있습니다 --as 설정 전에 핸들러 을 설정합니다

Answer 2

이벤트 핸들러가 설정되기 전에로드됩니다.