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

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
});