javascript - 处理验证和自动高度问题的彩盒

Question

我正在使用 colorbox 插件在我的应用程序中显示弹出窗口和模式，它是一个非常好的插件。一个问题是弹出窗口中没有自动调整高度我该如何处理？

我正在使用 jquery validate 插件来验证弹出窗口中显示的表单，但是一旦表单显示验证错误，颜色框就会显示滚动条。我想自动调整它的高度。

我怎样才能做到这一点？

Answer 1

如果您查看 ColorBox 的 API，它说明您可以调用resize().

引自http://www.jacklmoore.com/colorbox：

$.colorbox.resize()

这允许 ColorBox 根据它自己的自动计算调整大小，或调整为特定大小。这必须在 ColorBox 的内容加载后手动调用。可选参数对象可以接受widthorinnerWidth和heightor innerHeight。如果不指定宽度或高度，ColorBox 将尝试重新计算其当前内容的高度。

因此，当您进行验证时，只需调用$.colorbox.resize()告诉 ColorBox 调整自身大小。

这是一个小提琴，所以你可以看到它的作用。