Ajax로드 컨텐츠가 이미지로드를 완료하는시기를 어떻게 알 수 있습니까?

Question

Ajax 요청에서 HTML을로드하고 일부는 IMG 그 안에 태그.

Ajax에로드 된 이미지가 컨테이너 크기를 조정하기 위해 완전히로드 된시기를 알아야합니다. 결과에 몇 개의 이미지가 있는지 모르겠으므로 간단히 확인할 수 없습니다. .완벽한 값.

이것에 대한 해결책을 알고 있습니까?

고맙습니다!

Leandro

Answer 1

jQuery를 사용하는 경우 $(window).load() 명령은 다음과 같이 모든 이미지가로드되면 호출 될 함수를 설정할 수 있습니다.

$(window).load(
    function() {
        // weave your magic here.
    }
);

당신이 jQuery를 사용하지 않는다면, 나는 내가 원할 때 내가 한 일을 할 것입니다. 작은 기능 비트 : 기능을 다운로드하고 소스를 검사하여 어떻게 수행하는지 확인하십시오. 그런 다음 :-)

Answer 2

xmlhttprequests에는 부하가 완료된시기를 결정하는 데 사용할 수있는 속성이 있습니다. JavaScript를 직접 사용하는 경우 OnreadyStateChange 이벤트에 함수를 할당해야합니다. 이것은 상태가 변경 될 때마다 호출됩니다. 상태는 ReadyState에 저장되며 다음과 같습니다. 0 미확인 1로드 2로드 3 대화식 4 완료

기능에서 상태가 4인지 확인하고 다른 필요한 기능을 호출합니다.

jQuery에는 특정 일이 발생했을 때를 알려주는 이벤트가 있습니다. Ajax 문서를보십시오

Answer 3

좋아, Pax 덕분에 솔루션을 찾았습니다.

에 성공 ajax 요청 (jQuery 사용)의 이벤트에서 다음 코드를 추가했습니다.

$('img', this).load(function() {
    resize_element(this);
});

둘 다 감사합니다!