当ajax加载到内部时，bootstrap模式不会调整大小

Question

我有一个自举模式。在显示之后，我运行ajax来获取远程内容。在ajax获得成功之后。响应显示但bootstrap模式不允许我滚动。我已经搜索了解决方案，但没有。请帮帮我！

JS：

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

Answer 1

您可以在加载页面Level0 0 1 Level1 0 1 0 1 0 1 NaN NaN NaN 1 NaN 3 NaN NaN 2 2 NaN NaN NaN 3 NaN 4 NaN NaN 4 1 NaN NaN NaN 5 NaN 6 NaN NaN 6 NaN NaN 7 NaN 7 NaN NaN NaN 5 8 NaN NaN 3 NaN 9 NaN NaN NaN 3 10 NaN NaN 2 NaN 11 NaN NaN NaN 8 之前将.modal-body高度设置为文档高度的70％来完成此工作。

在此处试用此代码

content.php

您可以在此处查看我的示例：http://zikro.gr/dbg/html/bootstrap-modalscroll/

<强>更新

以下是应用70％高度后使用模态的屏幕截图：