IFRAME의 크기는 어떻게 조정합니까?

Question

콘텐츠에 맞게 iframe 간 도메인의 크기를 조정해야합니다. parent.html 내가이 쓰기 그래서 :

$(function() { 
    $('iframe').load(function() { 
     var h = null; 
     if (!h) { 
      if (location.hash.match(/^#h(\d+)/)) { 
       h = RegExp.$1; 
       $(this).css({ 
        'height': h + 'px' 
       }) 
       location.hash = '' 
      } 

     } 
    }) 
}) 

및 child.html을에

내가이 쓰기 :

$(function() { 
    h = 0 
    h = $(document).height() 
    console.log(h) 
    if (top != self) { 
     top.location.replace("http://parentdomain.com/#h" + h); 
    } 
}) 

그것은 한 번에로드 할 때 잘 작동하지만 난은 iframe 및 내용 변경에 링크를 클릭하면 변수 h에는 여전히 첫 번째 값이 있습니다. 새 창 child.html을 열면 var h은 변경되지만 iframe에는 변경되지 않습니다.

수정할 수 있습니까?

Answer 1

크기 조정 작업은 실제로 다시 호출되지 않습니다.

iFrame에서 링크를 클릭하면 부모의 기능을 호출하거나 최신 브라우저에서만 지원되는 haschange 이벤트를 시청해야합니다.