Question

我正在使用Fancybox在[已删除]中显示带有ajax的html文件，并且在努力使其在IE中工作之后，现在它显示错误的宽度。

$(document).ready(function() {
    $(".loginmodal").fancybox({
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'width'         : 350
    });

    $(".agregardefmago").fancybox({
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'padding': 0,
        'margin':0,
        'autoScale':false,
        'width'         : 350,
        'type'          : 'ajax'
    });

});

这是标题中的javascript：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/static/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

点击<a href="/agregar-definicion.html" class="agregardefmago">Agregar Definicion</a>时，会出现一个自动高度正确但宽度错误的fancybox。

我尝试删除'width'属性以及许多其他组合。

感谢。

Answer 1

您使用Fancybox的具体原因是什么？

我过去曾经遇到过一些浏览器问题（IE）所以我切换到FaceBox似乎在所有浏览器中都运行得更好。

Answer 2

我相信您正在寻找的选项是autoDimensions。

$(".agregardefmago").fancybox({
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'padding': 0,
        'margin':0,
        'autoScale':false,
        **'autoDimensions':false,**
        'width'         : 350,
        'type'          : 'ajax'
    });

了解更多信息：http://fancybox.net/api

在IE中没有正确显示Fancybox（ajax）宽度（8,7）

2 个答案: