如何使用 ajax 调整 Fancybox 的大小答案

【问题标题】：How to resize Fancybox using ajax如何使用 ajax 调整 Fancybox 的大小
【发布时间】：2011-01-07 21:35:18
【问题描述】：

当我使用 ajax 时，我无法调整我的幻想框的大小... 这就是我的代码的样子：

$(".button").click(function() {
   var formData = $(this).closest('form').serializeArray();
   formData.push({ name: this.name, value: this.value });
      $.ajax({
          type        : "POST",
          cache       : false,
          url         : "<?php echo plugins_url(); ?>/kryssord-opplaster/opplasting/utfoerOppgave.php",
          data        : formData,
          success     : function(data) {
                           $.fancybox(data);
                        }
       });
     return false;
});

如何调整 $.fancybox(data); 的大小？我试过“.....$.fancybox(data, {'width': '50%', 'height': '75%'})...”

但这根本不起作用..提前谢谢！

更新：

似乎我的 HTML 代码中只有一些错误.. 我设置了<table><form></form></table> 而不是<form><table></table></form>..

不知何故，我现在编码它的方式，如果我在 php 文件（url）中设置一个样式表，它也会影响后台页面。所以最好的事情是如果我能得到iframe 中的 ajax 页面。但是，如果我将 fancybox-script 编辑为 ..$.fancybox(data, {'type': 'iframe'}); 我会收到 403 错误..

有人可以帮我修改上面的代码吗？

【问题讨论】：

标签： javascript jquery ajax fancybox

【解决方案1】：

试试这个，添加到html源代码<div id="successContainer"></div>

$("#successContainer").html(data);
$("#successContainer").fancybox({'width': '50%', 'height': '75%'});

【讨论】：

我没有让它工作。我只得到了要在successContainer 中显示的url 文档，而不是在fancybox 中。但是我设法让它工作，还是谢谢！我现在只剩下一个问题 XD（请参阅我的帖子中的答案）

【解决方案2】：

您是想将其调整到特定的高度和宽度，还是让它自动调整大小以适应内容？

尝试将其放入 ajax 成功部分：

$.fancybox.resize();

或者试试：

$.fancybox({'width': '50%', 'height': '75%'});

至于更新，我有点不清楚你想要做什么，你能澄清一下吗？为什么需要 iframe？

【讨论】：