处理验证和自动高度问题的colorbox

Question

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

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

我该怎么做？

Answer 1

如果您查看ColorBox的API，则说明您可以致电resize()。

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

  

$.colorbox.resize()

     

这样可以根据ColorBox自身的自动计算或特定大小调整ColorBox的大小。在加载ColorBox的内容后，必须手动调用此方法。可选参数对象可以接受width或innerWidth以及height或innerHeight。如果不指定宽度或高度，ColorBox将尝试重新计算其当前内容的高度。

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

这是一个fiddle，因此您可以看到它的实际效果。