채택완료

load 안에있는 iframe height 자동 설정

iframe으로 게시판을 불러 왔습니다.

Copy
$('.w1').click(function(){
        $('.part_load').load('1.html', function(){
            sub(); info(); 
            $('#ifram_h').load(function() {
                $(this).height(0); 
                $(this).height($(this).contents().find('body')[0].scrollHeight+"px"); 
            });
        });
    });

제 생각에는 .load 로 불러온 파일 안에 iframe인 #ifram_h 가 height 자동을 전혀 안먹는것 같습니다. 

.load로 불러 왔기 때문일까요? #ifram_h 을 div로 바꾸고 .load해서 .load안에 주소 넣어 불러오니까 잘되는가 싶더니 글쓰기 누르니까 header와 footer가 사라지는 현상이 나타납니다.  index안에 .load 한거였으니까요....어떻게 하면 자동 높이조절이 되게 할까요?(높이 자동함수는 오만가지를 넣어 봤는데 다 안되더라구요 ㅠㅠ)

 

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

처음에  iframe 안으로 불러올 때는 load() 에 의해 로드되겠지만,

그 뒤의 액션이, iframe 안에서 [글쓰기] 버튼이나, link 등의 액션이라면..

load() 함수가 다시 불려지거나 한 것이 아니어서..

높이 설정 부분이 처리되지 않을 것입니다.

 

iframe 을 쓰는 경우, 이러한 문제가 많고, 해결이 쉽지 않습니다.

iframe 을 쓰지 않는 것을 권장합니다.

답변에 대한 댓글 1개

다른 방식으로 해결하였습니다.

게시판을 iframe으로 불러오지 말고 include 해서 사용하세요.

답변에 대한 댓글 1개

인클루드는 정규방식이 아니라면서 잘안된다던데(해보니까 진짜로 안되요 ㅠㅠ) 구체적으로 어떻게 해야 할까요? ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.