Fancybox高度调整动态内容

时间:2011-09-10 10:23:28

标签: jquery dynamic resize height fancybox

我正在使用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()函数应该调整高度到新内容,但由于某种原因,它不起作用。我花了很多时间搞乱不同的参数! urgh!

所有这些都是如果添加一行它溢出在fancybox的边缘下面,或者如果移除只是保持相同的高度,底部有大量的空白区域。我还注意到,如果我用不同行数的表调用fancybox,它会自动调整高度以适应内容。

任何帮助表示感谢。

1 个答案:

答案 0 :(得分:2)

正如Marco所说,答案是设置AutoDimension:是吗?或者执行$ .fancybox.showActivity