在 iframe 中使用 Jquery Fancybox resize() 函数？答案

【问题标题】：Using Jquery Fancybox resize() function within an Iframe?在 iframe 中使用 Jquery Fancybox resize() 函数？
【发布时间】：2010-09-13 14:43:22
【问题描述】：

我是 Jquery 的初学者，我在我的 PHP 应用程序中使用 Fancybox（类型：iframe）。

在 iframe 中，有一个表单，一旦用户填写并提交了表单，Fancybox 应调整大小以容纳处理完表单数据后将转发回的数据。

我还希望在用户关闭 Fancybox 警报后刷新网站的主页。

如何做到这一点？

谢谢

【问题讨论】：

标签： jquery resize fancybox

【解决方案1】：

我只需要处理同样的问题，我通过为 FancyBox 创建一些辅助函数来解决它。 fb_resize(w,h) 函数调整 fancybox-content div 的大小，然后调用 $.fancybox.resize() 来调整修改后的内容。 fb_close_any() 和 fb_resize_any(w,h) 函数可以在任何内容（包括 iFrame）中调用，以关闭或调整花式框的大小。

function fb_resize(w, h) {
  if (w > 0 || h > 0) {
    if (w > 0) $('#fancybox-content').css({ width: w+"px"});
    if (h > 0) $('#fancybox-content').css({ height: h+"px"});
    $.fancybox.resize();
  }
}

function fb_close_any() {
  window.top.eval('$.fancybox.close()');
}

function fb_resize_any(w, h) {
  w = (w > 0) ? w : 0;
  h = (h > 0) ? h : 0;
  window.top.eval('fb_resize('+w+','+h+')');
}

【讨论】：