在iframe中使用Jquery Fancybox resize()函数?

时间:2010-09-13 14:43:22

标签: jquery resize fancybox

我是Jquery的初学者,我在PHP应用程序中使用Fancybox(类型:iframe)。

在iframe中,有一个表单,一旦用户填写了&提交表格后,Fancybox应调整大小,以便在处理完formdata后收回数据。

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

如何做到这一点?

由于

1 个答案:

答案 0 :(得分:3)

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

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