現在、modal.js の version3.3.6 を利用して、モーダル表示を行うページを作っています。
この画面にはボタンがあり、ボタンをクリックするとモーダルウィンドウが表示されます。
モーダルの中には<p>で包んだ文字列があり、知りたいのはこの要素の高さの取得法です。

現状、クリックイベントで

takasa = $("p").height();

のように取得しようとすると0が返ってきます。
モーダルは最初display:noneになっているため、要素が見つからず
高さが0になっているのかと思います。

今回の流れは

  1. ボタンクリック
  2. モーダルウィンドウとなる領域にmodal-openのクラスが付与
  3. 同時に付与された領域はdisplay:blockとなる
  4. モーダル内の<p>要素が存在することとなり高さが生まれる

clickイベントでは、1と2の間でロジックが走っていると思うので
4以降でロジックを走らせることができれば、おそらく高さの取得ができると
思うのですが、このやり方がさっぱりわかりません・・・