jquery - fancybox 2 iframe 大小不变

Question

我正在使用 fancybox 打开外部网址。我厌倦了fancybox-html class 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'
    });
});