如何使用ajax调整Fancybox的大小

Question

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

$(".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 代码中只有一些错误。 我设置了

而不是

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

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

Answer 1

试试这个，将其添加到 html 源

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

Answer 2

您是否正在尝试将其大小调整为一定的高度和宽度，或者只是让它自动调整大小以适应内容？

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

$.fancybox.resize();

或者尝试：

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

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