jQueryモーダル新しいコンテンツの読み込み時にサイズが変更されるウィンドウ

Question

私はjQueryで始まり、レビューフォームを含むモーダルウィンドウが必要です。 AJAXを使用してフォームを送信すると、サーバーはモーダルウィンドウに表示されるステータスメッセージを返します。モーダルウィンドウのサイズを変更するにはどうすればよいですか（大きなウィンドウから、レビューメッセージをステータスメッセージに適合する小さなものに保持する）

これに関するおすすめのプラグイン/チュートリアルはありますか？プラグインを使うのが最善の方法ですか？

Answer 1

あなたは「幅」と「自動」に設定し「高さ」プロパティとjQueryのUIのダイアログを試すことができます

Answer 2

autoにwidthとheightを設定する1つの警告ダイアログが下にあなたのコンテンツよりもサイズが大きい場合ということですそれは伸びるでしょう。私はmaxHeightおよび/またはmaxWidthを制御することが有用であることを発見しました。 maxHeightの1つの問題ですが、それは時々動作しません！幸いなことに、単純な回避策があります：

$(".dialog").dialog({ 
    open: function(event, ui) { 
     $(this).css({'max-height': 400, 'overflow-y': 'auto'}); 
    }, 
    ... 
});