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

这是我的弹出页面：

我的后退按钮出现问题。当我点击后退按钮时，它会向后移动但是屏幕上有一些灰色的东西：＆＃34;＆＃34;模态背景＆＃34;

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

Bootstrap Pop-Up模式背景不会消失

1 个答案: