Fancybox for Wordpress - 根据内容动态调整宽度

Question

我正在使用 Fancybox for Wordpress 来显示表单。

fancybox 中有一个 id 为“popup1”的 div，其中包含表单。 当用户提交表单时，#popup1 消失，而#popup2 出现。 div#popup2 只是有一个非常短的“谢谢”消息。

当我从 popup1 切换到 popup2 时，fancybox 窗口的高度会自动调整大小以适应内容的高度，但我希望 fancybox 窗口的宽度也可以缩小。我该怎么做？

提前致谢！

Answer 1

你有几个处理程序可以从一个弹出窗口翻转到另一个类似

$("#popup4-BA").slideDown("slow");

在完成动画后尝试添加fancybox（v1.3.4）方法$.fancybox.resize()

$("#popup4-BA").slideDown("slow", function(){
    $.fancybox.resize();
});

...您可能需要在每个处理程序中执行此操作。

一些注意事项：

• 您的第一个弹出窗口有一个固定的width，因此您可能需要尝试删除它并将css width 属性设置为auto。
• 由于您使用的是带有inline 内容的fancybox v1.3.4，因此您需要了解此BUG 和解决方法。