如何设置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>

< p > iframe的宽度已经设置，但高度没有设置。 请告诉我我的错误在哪里？

谢谢。

- Chirag Gohel

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

谢谢，无论如何...

- Chirag Gohel

Answer 2

假设您的元素上有“fancybox”和“fancybox.iframe”类，实现您所需的最小要求是：

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

- Marc

Answer 3

您的高度变量值应该是一个数字，目前它是一个字符串。因此，您的代码应该更像这样：

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

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

- davehale23