Question

我正在尝试使用以下内容在Bootstrap模式中打开远程Web应用程序：

<a href="http://localhost/PECIMS/DocumentManagement.aspx" data-toggle="modal" data-target="#remoteModal" class="btn btn-default">Open Modal</a>

<!-- Modal -->
<div class="modal fade" id="remoteModal" tabindex="-1" role="dialog" aria-labelledby="remoteModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content"></div>
    </div>
</div>

应用程序打开但不在模态窗口中，当我关闭它时，它会关闭它自己和调用它的应用程序。我正在使用asp.net MVC。

非常感谢任何帮助！

Answer 1

为了让Bootstrap模式中的远程站点打开，我不得不将它放在iFrame中，如下所示：

<div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Document Management</h4>
                    </div>

                    <div class="modal-body">

                        <iframe height="660" width="100%" frameborder="0" src="{{iframe}}"></iframe>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">Exit</button>
                    </div>  
                </div>
        </div>

src是远程站点的URL。我希望这有助于其他人。快乐的编码！

Bootstrap模态外部内容在模态之外打开

1 个答案: