javascript - 検証と自動高さの問題を扱うカラーボックス

Question

アプリケーションでポップアップとモーダルを表示するために colorbox プラグインを使用しています。これは非常に優れたプラグインです。問題の 1 つは、ポップアップで高さが自動的に調整されないことです。どうすれば対処できますか?

jquery 検証プラグインを使用して、ポップアップに表示されるフォームを検証していますが、フォームに検証エラーが表示されるとすぐに、カラーボックスにスクロールバーが表示されます。高さを自動調整したい。

どうやってやるの？

Answer 1

ColorBox の API を調べると、 を呼び出すことができると説明されていますresize()。

http://www.jacklmoore.com/colorboxから引用:

$.colorbox.resize()

これにより、独自の自動計算に基づいて、または特定のサイズに ColorBox のサイズを変更できます。これは、ColorBox のコンテンツが読み込まれた後に手動で呼び出す必要があります。オプションのパラメーター オブジェクトは、widthまたはinnerWidthおよびheightまたはを受け入れることができますinnerHeight。幅または高さを指定しないと、ColorBox は現在のコンテンツの高さを再計算しようとします。

したがって、検証を行うときは$.colorbox.resize()、 ColorBox にサイズを変更するように呼び出すだけです。

ここにフィドルがあるので、実際にそれを見ることができます。