無法打開模式引導

Question

當我點擊鏈接，

<a href="#" data-toggle="modal" data-target="#report"> 

這表明在1-2秒內模態良好，但在那之後，再次模式的負載頁面。所以，模式的內容被它加載的頁面取代。爲什麼？

<div id="report" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
     <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

這可能是因爲你使用的是a標籤與href屬性打開模式。然後，它將用您當前頁面的href的內容替換模式。嘗試使用button或東西打開你的模式：

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#report">Launch modal</button> 

編輯：對於那些不相信這是可能的，並且downvoting我，這裏是jsfiddle與表演一模一樣的行爲@ thai6070是在他的問題中描述..這個選項在較新版本的bootstrap中被棄用。