我如何打開引導模式彈出

Question

內aspx頁面有此鏈接

<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> 

一切都出現內部的div id爲內容模式彈出裏面顯示的內容，所以我的問題是有沒有辦法來顯示模式彈出裏面我已經創建ASPX Web窗體，而不必所有的HTML和代碼隱藏複製到這個div？

我聽說過關於window.open的一些信息，但我認爲情況並非如此，預先感謝您。

Answer 1

您可以將iframe添加到模式主體中，並在其中加載頁面的網址。

<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當你點擊該按鈕用來打開模態（或任何方法，你用它來打開它）。