ブートストラップモーダルは、内部にAJAXがロードされているときにリサイズされません

Question

私はブートストラップモーダルを持っています。表示された後、私はリモートコンテンツを取得するためにajaxを実行します。 ajaxが成功した後。レスポンスは表示されますが、ブートストラップモーダルではスクロールできません。私はすでに解決策を探していますが、何も探していません。お願い助けて！

JS：

$("#episodenext").modal('show'); 
$("#episodenext").on("shown.bs.modal", function() { 
    $(this).find(".modal-body").load('/content.php'); 
}); 

Answer 1

それはページcontent.phpをロードする前に、文書の高さの70％であることを.modal-body高さを設定することで、この作業を行うことができます。

は

$("#episodenext .modal-body").css({ 
    'overflow': 'auto', 
    'height': $(document).height() * 0.7 
}); 
$("#episodenext").on("shown.bs.modal", function() { 
    $(this).find(".modal-body").load('/content.php'); 
}); 
$("#episodenext").modal('show'); 

ここで、このコードを試してみてくださいそして、あなたはここに私の例を確認することができます。ここではhttp://zikro.gr/dbg/html/bootstrap-modalscroll/

UPDATE

は70％の高さを適用した後、モーダルで画面キャプチャであります：