ブートストラップポップアップモーダルバックグラウンドが消えない

Question

ポップアップが閉じているときに少し問題があります。モーダルバックグラウンドが閉じていません。

ポップアップを開くためのこのコードブログ：

<script> 
    $('div.ProjePartialGovde').click(function (el) { 
     var projeid = $(this).data('id'); 
     $('.popupListe').html('içerik hazırlanıyor...'); 
     $.ajax({ 
      method: "get", 
      url: '@Url.Action("ProjeOzetPartial", "Home")', 
      data: { projeID: projeid,ilID:@ViewBag.ilID } 
     }) 
      .done(function (msg) { 
       $('.popupListe').html(msg); 
       $("#detayModal").modal(); 
      }); 
    }); 

そして、これは私のポップアップページです：

私は私の背中のボタンでトラブルを抱えています。私は戻るボタンをクリックしたとき、それは逆方向に行くが、画面上のウィッヒ灰色のものがあります：「モーダル-背景にある」

<div class="modal" id="detayModal" tabindex="-1"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <form> 
        <div class="form-group"> 
         <label class="form-control">Başlangıç/Bitiş Tarihleri: @Model.SozBasTarihi/@Model.SozBitisTarihi</label> 
        </div> 
        <div class="form-group"> 
         <label class="form-control">Nakdi ve Fiziki Tamamlanma Oranları: %@Model.NakdiTamOrani/%@Model.FizikiTamOrani</label> 
        </div> 
       </form> 
      </div> 
      <div class="modal-footer"> 

       <!-- I HAVE PROBLEM HERE --> 
       <button class="ProjeListesiGeri" data-dissmiss="modal" data-backdrop="false">BACK</button> 
      </div> 
     </div> 
    </div> 
</div> 

<!-- GO BACK CODE --> 
<script> 
    $('.ProjeListesiGeri').click(function (el) { 
     $('.popupListe').html('içerik hazırlanıyor...'); 
     $.ajax({ 
      method: "get", 
      url: '@Url.Action("ProjelerListesiPartial", "Home")', 
      data: { ilID: @ViewBag.ilID } 
     }) 
      .done(function (msg) { 
       $('.popupListe').html(msg); 
      }); 
    }); 
</script> 

どのように私はこの問題を解決することができますか？

Answer 1

私はこの問題を解決します。私はバックラインコードにこの行を追加しました：$("#detayModal").modal('hide');と動作しています。

だから、完全なコード：

<script> 
    $('.ProjeListesiGeri').click(function (el) { 
     $("#detayModal").modal('hide'); <!-- I added this line. --> 
     $('.popupListe').html('içerik hazırlanıyor...'); 
     $.ajax({ 
      method: "get", 
      url: '@Url.Action("ProjelerListesiPartial", "Home")', 
      data: { ilID: @ViewBag.ilID } 
     }) 
      .done(function (msg) { 
       $('.popupListe').html(msg); 
      }); 
    }); 
</script>