Question

这是我的代码

<script type="text/javascript">
    $(document).ready(function () {

        $("#popup").fancybox({
            'width': 500,
            'height': '500',
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'type': 'iframe'
        });
    });
</script>

设置了iframe的宽度，但未设置高度。请告诉我哪里出错了？

感谢。

Answer 1

通过这样做我解决了......

$(document).ready(function () {
        $("#popup").fancybox({
            fitToView: false,
            autoSize: false,
            autoDimensions: false,
            width: 520,
            height: 310,
            title: 'Login',
            helpers: {
                title: {
                    type: 'float'
                },
            },
            'transitionIn': 'elastic',
            'transitionOut': 'elastic'
        });
    });

谢谢，无论如何......

Answer 2

你的身高变量值应该是一个数字，现在你把它作为一个字符串。所以你的代码应该更像这样：

<script type="text/javascript">
    $(document).ready(function () {

        $("#popup").fancybox({
            'width': 500,
            'height': 500,
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'type': 'iframe'
        });
    });
</script>

Answer 3

假设您的元素上有“fancybox”和“fancybox.iframe”类，那么完成所需操作所需的最小值是：

$('.fancybox').fancybox({
        autoSize: false,
        width: 400,
        height: 400
});

如何设置Fancybox iFrame v 2.1的高度？

3 个答案: