無法打開模式引導

-1

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

來源

2016-04-27 thai6070

您需要發佈[mcve]來調試這類問題。 –

您是否在控制檯上發現任何錯誤？ –

不，它沒有返回任何東西 – thai6070

這可能是因爲你使用的是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中被棄用。

來源

2016-04-27 09:38:33 Laurens

Woah？你確定？ –

一些bootstrap版本可以做到這一點。 – Laurens

@dfsq我認爲它不會重新加載整個頁面，我認爲它加載模式中的頁面內容。 – Laurens

無法打開模式引導

回答

相關問題