Bootstrap Pop-Up modal背景不消失

Question

当弹出窗口关闭时，我有一个小问题；modal backdrop没有关闭。

此代码博客用于打开弹出窗口：

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

这是我的弹出页面：

我的后退按钮有点问题。当我单击“后退”按钮时，它会向后移动，但屏幕上有灰色的内容：“modal backdrop in”

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