在带有 Bootstrap 外部弹出窗口的 MVC 中，你可以调整大小吗？答案

【问题标题】：In MVC with Bootstrap External Popups, can you resize?在带有 Bootstrap 外部弹出窗口的 MVC 中，你可以调整大小吗？
【发布时间】：2016-03-07 16:08:34
【问题描述】：

如果你在 MVC 中使用 bootstrap 加载外部 Modal 对话框，设置高度很容易，例如：

$(".modal-body").height(300);

但是，如果我随后将另一个视图发送到同一个弹出窗口（如果他们单击弹出窗口中的一个链接，该链接会点击您的控制器，并且您将不同的视图返回到现有的弹出窗口），那么您可能有不同大小的内容在这个新视图中。那么现在如何调整外部模态对话框的大小呢？

我的想法是把 JS 代码放在那个新视图中，并有一个 onload 事件：

<script type="text/javascript">
    $(document).ready(function () {
        $(".modal-body").height(530);
        alert("hit.");
    });
</script>

好吧，这段代码成功了（警告调试消息“hit”确实出现了），但对话框高度没有从 300 变为 530。那么，也许 JS 无法访问 DOM 的那部分？

如何在同一个模态对话框中获得第二个视图以使其内容具有正确的高度？

谢谢

【问题讨论】：

弹出窗口在 iframe 中，我应该提一下。事实证明，它的 Iframe 不会自动调整弹出窗口的大小，否则会很好。我意识到这会改变一切，也许它会让我结束这个问题

【解决方案1】：

所以弹出窗口中有一个 iframe，这就是弹出窗口内容大小没有改变的原因。存在一个问题，即无论如何都没有注意到弹出内容更改，但这可以通过上面发布的我已经拥有的代码解决，但是如果它在 iframe 中也可以在同一个域中解决。

解决方案是在 iframe 中的 SRC 指向的站点（弹出窗口的内容）上，因为它托管在同一个域上，是这样做的：

parent.$(".modal-body").height(530);
parent.$("#myIframeId").height(500);

【讨论】：