如何在引导模式弹出窗口中打开 aspx 页面

Question

我有这个链接

<a href='' data-toggle='modal' data-target='#modalC'>Book Now</a>

我有这个代码可以打开一个引导模式弹出窗口。

            <div class="modal fade" id="modalC" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Cantidad reservas mensuales</h4>
      </div>
      <div class="modal-body" id="content">

      </div>
  </div>
  </div>
  </div>

出现在带有 id 内容的 div 中的所有内容都是出现在模态弹出窗口中的内容，所以我的问题是有没有办法在模态弹出窗口中显示我已经创建的 aspx 网络表单，而无需将所有 html 和代码隐藏复制到这个 div 中？

我听说过有关 window.open 的消息，但我认为事实并非如此，在此先感谢您。

Answer 1

您可以在模态主体中添加iframe并在其中加载页面的 url。

<div class="modal fade" id="modalC" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Cantidad reservas mensuales</h4>
            </div>
            <div class="modal-body" id="content">
                <iframe src="your new page url">
            </div>
        </div>
    </div>
</div>

如果您想在每次打开模式时加载页面，则可以iframe src在单击用于打开模式的按钮（或用于打开模式的任何方法）时添加 。