fancybox 2 iframe 크기가 변경되지 않습니다.

Question

fancybox를 사용하여 외부 URL을 엽니 다. fancybox - HTML 클래스에 대한 피곤이 코드 A HREF :

$(document).ready(function() { 
    $(".fancybox-html").fancybox({ 
    fitToView : false, 
    width  : '90%', 
    height  : '90%', 
    autoSize : false, 
    closeClick : false, 
    openEffect : 'none', 
    closeEffect : 'none' 
    }); 
}); 

HTML : 내 설정을 무시처럼

<script type="text/javascript" src="http://localhost:8000/media/js/jquery-1.8.2.min.js"></script> 
    <script type="text/javascript" src="http://localhost:8000/media/js/jquery.pageslide.min.js"></script> 

    <script type="text/javascript" src="http://localhost:8000/media/js/autocomplete.js"></script> 
    <!-- <script type="text/javascript" src="http://localhost:8000/media/js/overlay.js"></script> --> 

    <!-- FancyBox --> 
    <link href="http://localhost:8000/media/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="http://localhost:8000/media/fancybox/jquery.fancybox.pack.js"></script> 
    <script type="text/javascript" src="http://localhost:8000/media/fancybox/jquery.easing-1.3.pack.js"></script> 
    <script type="text/javascript" src="http://localhost:8000/media/fancybox/jquery.mousewheel-3.0.6.pack.js"></script> 

이 작동하지 않았다는 iframe을 다른 차원에서 열립니다. 디버깅이 가능합니까?

어쩌면 일부 라이브러리가 누락되었습니다.

아이디어가 있으십니까?

Answer 1

먼저 마지막 fancybox를 다운로드해야합니다. 페이지에 js와 css를 넣은 다음 iframe이 있으면이 코드를 사용해보십시오. 당신의 HTML 당신이 시도 오류를

 $(".fancybox-html").fancybox({ 
width : '75%', 
height : '75%', 
autoSize : false, 
closeClick : false, 
fitToView : false, 
openEffect : 'none', 
closeEffect : 'none', 
type : 'iframe' 
}); 


<a href="yourpage.php" class="fancybox-html">test test</a> 

Answer 2

가 있는지하시기 바랍니다 게시 경우 작동하지 않습니다

$(document).ready(function() { 
    $(".fancybox-html").fancybox({ 
    fitToView : false, 
    frameWidth : '90%', 
    frameHeight : '90%', 
    autoSize : false, 
    closeClick : false, 
    openEffect : 'none', 
    closeEffect : 'none' 
    }); 
});