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 不是' t 调整大小到内容的新高度。将新行附加到表底部时也会发生同样的情况。实际的表行插入/删除部分工作正常。我相信 $.fancybox.resize() 函数应该将高度调整为新内容，但由于某种原因它不起作用。我花了很长时间摆弄不同的参数！呃！
所发生的事情是，如果添加一行，它会溢出到 fancybox 边缘下方，或者如果删除只是保持相同的高度，并且底部有大量空白。我还注意到，如果我用不同行数的表调用 fancybox，它会自动正确缩放高度以适应内容。
任何帮助表示赞赏。
担
I'm using Fancybox 1.3.4 to splash up and very unexciting table as follows:
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;
}
This works fine, but when I dynamically add / remove a line from the table using a bit of jQuery, such as:
function RemoveLine(){
$('img.removeline').live('click',function(){
$(this).closest("tr").remove();
$.fancybox.resize();
return false;
});
}
...the fancybox isn't resizing to the new height of the content. The same happens when appending a new row to the bottom of the table. The actual table row insert / remove part works fine. I believe the $.fancybox.resize() function should resize the height to the new content but for some reason it's not working. I've spend ages messing around with the different parameters! urgh!.
All that heppens is if adding a row it overflows below the edge of the fancybox, or if removing just stays the same height with loads of white space at the bottom. I also noticed that if I call the fancybox with a table of varying number of rows it auto scales the height correctly to fit the content.
Any help appreciated.
Dan
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
正如Marco所说，答案是设置AutoDimension：true？或者做一个 $.fancybox.showActivity
As Marco said, the answer was to set AutoDimension: true? Or do a $.fancybox.showActivity