質問: この投稿は前回の続きになります。 モーダルダイアログの大きさを調節したい 現在HTML,JavaScript(jQuery),ColorBoxを使ってモーダルダイアログ(以下、モーダル)の作成をしています。 実際にモーダルはできました。 そのモーダル内でボタンを押下すると、非表示にしていた要素を表示します。 その要素を表示したことによってモーダルの大きさが変わります。 しかし、モーダルの位置が変わらないので、**表示している画面の中央にモーダルを表示するようにしたいです。 それを実現するにはどうしたらいいでしょうか?** もしわかる方がいれば教えていただきたいです。 以下、画面とコードです。 リンク押下時 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/0c4c071bd58fd6f9530be139b6b63ea6.png) demo.html ``` Inline HTML インラインHTML インラインHTML2 ```
回答: colorboxをリサイズしてあげると期待通りになります。 ``` // モーダルダイアログをその要素のサイズで表示したい $(".inline").colorbox.resize(); ```