2014-09-22 55 views
0

我想創建一個模式,如果我點擊按鈕,模式彈出並且模態的內容來自不同的頁面。請幫幫我。Bootstrap模態新頁面

這是我的代碼

<a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">Click to open Modal</a> 
 
    <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"> 
 
     <div class="modal-dialog"> 
 
     <div class="modal-content"> 
 
      <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
 
      <h4 class="modal-title" id="myModalLabel">Basic Modal</h4> 
 
      </div> 
 
      <div class="modal-body"> 
 
      <h3>Modal Body</h3> 
 
      </div> 
 
      <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
      <button type="button" class="btn btn-primary">Save changes</button> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div>

我想知道什麼的Javascript?我應該把它放在哪裏? 順便說一下,我使用的是bootstrap v 3.03。

+0

我想這:http://stackoverflow.com/questions/23801446/bootstrap-modal-from-another-page會回答你的問題。 – adyopo 2014-09-22 06:45:09

+0

嗨。它不工作。 :(我需要一個按鈕,如果我點擊一個模式會彈出,但內容來自不同的頁面,這是一種形式。 – 2014-09-22 06:50:31

回答

1

我認爲this is你在找什麼。
你需要特別注意這條線具體爲:

<a data-toggle="modal" class="btn btn-info" href="remote.html" data-target="#myModal">Click me !</a>