Study ;3
fancy box 본문의 높이 가져오기
유부뽀
2013. 7. 9. 17:49
fancy box의 본문이 가변적일 때 높이를 그때그때 바꿔주기 위해서 코드를 추가하였다.
$.fancybox({ 'onComplete' : function() { $('#fancybox-frame').load( function() { var iframe_height = $('#fancybox-content').contents().contents().height(); $('#fancybox-content').height( iframe_height); $.fancybox.center(); } } });
stack and overflow 에서 검색하다가 contents() 함수로 긁어오는 걸 봤는데
거기선 contents().find('id') 이런식으로 찾아서 시도했는데
내가 하면 안되서 한참 삽질하다가 #document 라고 되어있는 부분을 contents()로 다시 가져와야 하는 걸 알았다.
지금 내가 쓰는건 1.3 버전이라 그런듯..ㅠ_ㅠ
2.0 버전은 좀 더 낫겠지 흐규
fancybox는 jQuery와 달리 나중에 load되는 엘리먼트들의 id를 가져올 수 없다.
내부적으로 하드코딩 되어있는 애들을 긁어모아놓는 듯하다.
반응형