在使用Bootstrap外部弹出窗口的MVC中，您可以调整大小吗？

Question

如果在MVC中加载带有bootstrap的外部模态对话框，则可以轻松设置高度，例如：

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

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

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

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

这段代码命中（警报调试消息＆＃39;命中＆＃39;确实显示），但对话框高度不会从300变为530.所以，也许JS没有有权访问DOM的那部分吗？

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

感谢

Answer 1

因此弹出窗口中有一个iframe，这就是为什么弹出窗口内容大小没有改变的原因。存在这样一个问题，即弹出内容的变化无论如何都没有被注意到，但是这已经通过上面已经发布的代码解决了，但是下面的代码解决了iframe在同一个域中的情况。

该解决方案位于iframe指向的SRC（弹出窗口的内容）以来托管在同一域上的网站上：

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