wordpress - 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.resize()完成动画后尝试添加fancybox（v1.3.4）方法

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

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

一些注意事项：

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