내용에 따라 동적으로 iframe 높이 크기 조정

Question

이 문제에 대한 몇 가지 다른 스레드를 보았지만 문제는 해결할 수 없습니다.

내 코드 :

$(window).load(function() { 
    $('iframe').each(function() { 
     $(this).height($(this).contents().find("html").height()); 
    }); 
}); 

설명 : 윈도우 부하에, 나는 페이지의 모든 iframe을 통해 반복 및 내용에 따라 높이를 넣어입니다.

이것은 jsfiddle에서 완벽하게 작동하지만 내 웹 페이지에서는 작동하지 않습니다. ive가 놓친 게 있을까요?

아니요 도메인입니다. Iframe 상위 및 Iframe은 동일한 도메인에이며 입니다.

내가 iframe을 통해 포함 된 추가 기능이 페이스 북의 아이콘을 사용

내가 한 생각을 가지고있다. 나는 "Permission denied ..."(Cross-domain)에 대한 방화 녀석에 오류가 발생합니다. 다른 iframe의 크기가 변경되는 것을 막을 수 있습니까?

인사말.

Answer 1

내 아이디어가 옳았는데, "Permission denied ..."(크로스 도메인)은 다른 코드가 작동하지 않도록 막아주었습니다. PHP의 치명적인 오류와 같습니다. 그래서 난 단지 find() 메서드를 사용하여 iframe을 얻고 크기를 조정합니다.

매우 잘 작동합니다!

내 코드

$(window).load(function() { 
     $(".tx-smileiframe-pi1").find("iframe").each(function() { 
      $(this).height($(this).contents().find(".iframe").height()); 
     }); 
    });