适用于Wordpress的Fancybox - 根据内容动态调整宽度

Question

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

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

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

提前致谢！

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 并解决此问题。