關閉模式後，Bootstrap模態背景仍然存在

Question

我只是按照w3school教程 http://www.w3schools.com/bootstrap/bootstrap_modal.asp 在我的html頁面中添加模態。

顯示模態沒有問題。但是，當我關閉模式時，屏幕變灰並且無法訪問幾秒鐘。之後，屏幕再次響應。它只發生在我的頁面啓動後的第一次。

我曾嘗試以下操作：

<button type="button" class="btn btn-default" data-dismiss="modal" data-backdrop="false">Close</button> 

但它不會刪除灰色出來。我不知道如何修復它。請幫幫我！提前致謝！

編輯： 這是一個可點擊的部分：

<a data-toggle="modal" data-target="#tt-modal"> 
    <div id="tt"> 
     <div class="desc_hidden"> 
      <div class="title"> Product name </div> 
      <div class="subtitle"> Description </div> 
      <div class="view">VIEW PROJECT</div> 
     </div> 
    </div> 
</a> 

所以，下面的模式將顯示點擊上面的部分後：

<div id="tt-modal" class="modal" role="dialog"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" data-backdrop="false">&times;</button> 
      </div> 
      <!-- some information here --> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal" data-backdrop="false">Close</button> 
      </div> 
     </div> 
    </div> 
<div> 

Answer 1

試試這個：

$('#your-modal-id').modal('hide'); 
$('body').removeClass('modal-open'); 
$('.modal-backdrop').remove(); 

祝你好運。

我測試了你的模態，它解決了任何問題。只是在那裏有小問題，你不需要在頁眉和頁腳的按鈕中定義data-backdrop="false"屬性，而是爲觸發模式按鈕設置該屬性。