jquery load 이벤트 핸들러가 실행되지 않는 이유

에러도 없이 jquery의 load 이벤트 핸들러가 실행되지 않았다.

http://api.jquery.com/load-event/

    <script type="text/javascript">

    $(document).ready(function() {

    $("#id3image").load(function() {

    var height = $("#id-main-graph-3-left").height();

    $("#id-main-graph-3-right").height(height);

    });

    });

    </script>

해답은 간단했다.

$("#id3image").load(function() { ... }); 부분을

$(document).ready(function() { ... }); 안에 넣어야 한다는 것.

문서가 로딩되기 전이라 $("#id3image") 부분을 jquery 가 인지하지 못한 상태에서 load 이벤트 핸들러 함수가 등록되어서, 실행이 안된 것이었다.

[참고] http://stackoverflow.com/questions/2990518/jquery-load-not-working-in-chrome