SimpleModal：正しく

Question

私はモーダルを作成するには、次のコードを使用しています高さを設定していない（これはCoffeeScriptのは）

contents = $('#modalContainer').load(link) 
$.modal(contents, 
    onShow: (dlg) -> 
    $(dlg.container).css('height','auto') 

) 

とモーダルは、ブラウザウィンドウの右下の象限にオフを開始します。ブラウザウィンドウを移動またはサイズ変更すると、期待通りに中央に配置されます。

高さを指定するには、onShowコールバックなしで実行すると同じ効果があります。

誰でも簡単な解決策がありますか？

Answer 1

基本的なJavascriptの落とし穴 - データがロードされる前にモーダルが描画され、位置付けされていました。修正は、モーダルロードをコールバックとして指定することです：

contents = $('#modalContainer').load(link,() -> 
    $.modal(contents, 
    onShow: (dlg) -> 
     $(dlg.container).css('height','auto') 
) 
)