現在、modal.js の version3.3.6 を利用して、モーダル表示を行うページを作っています。
この画面にはボタンがあり、ボタンをクリックするとモーダルウィンドウが表示されます。
モーダルの中には<p>
で包んだ文字列があり、知りたいのはこの要素の高さの取得法です。
現状、クリックイベントで
takasa = $("p").height();
のように取得しようとすると0が返ってきます。
モーダルは最初display:none
になっているため、要素が見つからず
高さが0になっているのかと思います。
今回の流れは
- ボタンクリック
- モーダルウィンドウとなる領域に
modal-open
のクラスが付与 - 同時に付与された領域は
display:block
となる - モーダル内の
<p>
要素が存在することとなり高さが生まれる
clickイベントでは、1と2の間でロジックが走っていると思うので
4以降でロジックを走らせることができれば、おそらく高さの取得ができると
思うのですが、このやり方がさっぱりわかりません・・・