jQuery image.onload 팬텀 이벤트 발생

Question

image.onload가 여러 번 발사되는이 미친 동작을 우연히 발견했습니다.

설명이 너무 길어서 jsfiddle 예제가 있습니다.

처음 클릭하면 모든 것이 정상적으로 보이지만 두 번째 클릭 후 문제가 시작되고 클릭 할 때마다 다시 시간과 시간이 반복됩니다.

http://jsfiddle.net/PP2dB/

문제는 어떻게 클릭 한 번만이 화재에게 image.onload를 확인하는 것입니다?

Answer 1

기본적으로 버튼을 클릭 할 때마다 호출되는 g 함수에서 새 이벤트를 정의합니다.

그냥 함수의 외부로 정의하고, 모든 것이 예상대로 작동합니다 : http://jsfiddle.net/PP2dB/1/