jquery - 在 Iframe 中使用 Jquery Fancybox resize() 函数？

Question

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

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

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

如何做到这一点？

谢谢

Answer 1

我只需要处理同样的问题，我通过为 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+')');
}