Fancybox 高度调整动态内容的大小

Posted 2023-03-06

【中文标题】Fancybox 高度调整动态内容的大小

【英文标题】：Fancybox Height Resize Dynamic Content

【发布时间】：2011-11-14 07:48:00

【问题描述】：

我正在使用 Fancybox 1.3.4 来启动和非常平淡的表格如下：

                function EditExtra()  

                $("a.EditExtra").fancybox(
                    'zoomSpeedIn': 300, 
                    'zoomSpeedOut': 300, 
                    'overlayShow': true,
                    'autoDimensions': false,
                    'titleShow': false,
                    'height': 'auto',                       
                    'scrolling' : 'no',
                    'autoScale' : false,
                    'centerOnScroll' : true,
                    'showCloseButton': true             
                );

                return false;

            

这很好用，但是当我使用一些 jQuery 从表中动态添加/删除一行时，例如：

    function RemoveLine()

        $('img.removeline').live('click',function()

        $(this).closest("tr").remove();

        $.fancybox.resize();

        return false;

    ); 

...fancybox 没有调整到内容的新高度。将新行附加到表底部时也会发生同样的情况。实际的表格行插入/删除部分工作正常。我相信 $.fancybox.resize() 函数应该将高度调整为新内容，但由于某种原因它不起作用。我花了很长时间弄乱不同的参数！啊！。

如果添加一行，它会溢出到花式框的边缘下方，或者如果删除只是保持相同的高度，底部有大量空白。我还注意到，如果我用不同行数的表格调用 fancybox，它会自动正确缩放高度以适应内容。

任何帮助表示赞赏。

丹

【问题讨论】：

试试把 AutoDimension: 真的吗？或者做一个 $.fancybox.showActivity(); - 它可能会触发重新加载 :)

谢谢马可！我不敢相信我这么愚蠢。 AutoDimension to true 工作正常。

【参考方案1】：

正如 Marco 所说，答案是设置 AutoDimension: true？或者做一个 $.fancybox.showActivity