ブートストラップモーダルの背景には、私はちょうど私のhtmlページにモーダルを追加するw3schoolチュートリアル <a href="http://www.w3schools.com/bootstrap/bootstrap_modal.asp" rel="nofollow">http://www.w3schools.com/bootstrap/bootstrap_modal.asp</a> 次てるモーダル

Question

を閉じた後に残ります。

モーダルの表示に問題はありません。しかし、モーダルを閉じると、画面がグレー表示され、数秒間アクセスできなくなります。その後、画面は再び反応します。そして、私のページが立ち上げられたときに初めて発生します。

私は、次の試してみました：

<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(); 

Good Luck。

私はあなたのモーダルをテストしましたが、それは問題なく動いていました。ちょっとした問題があっただけで、ヘッダーとフッターのボタンにdata-backdrop="false"属性を定義する必要はなく、この属性をトリガーモーダルボタンに設定します。