如何从 PartialView 触发另一个模式

How to trigger another modal from PartialView

我正在当前模态中尝试触发另一个模态。 我当前的模态来自 PartialView 并且效果很好,让我给你看一下

我的观点是当用户点击第一个模式内部的 View Cart 按钮时触发购物车。所以第一步是关闭当前模式并触发另一个模式。让我给你看看我的购物车 ;

所以我希望你们明白我的意思。我的代码如下所示;

Html :

<div class="col-12 col-lg-6">
    <a href="#" class="tt-cart-total" id="currentCountOfCartForModal">
        There are 1 items in your cart
        <div class="tt-total">
            TOTAL: <span class="tt-price">4</span>
        </div>
    </a>
        <a href="#" class="btn btn-border btn-close-popup">CONTINUE SHOPPING</a>
        <a data-target="/Base/CartPartialView/" class="sepet btn btn-border">VIEW CART</a> //That's the link which is gonna trigger to Shopping Cart
        <a href="@Url.Action("CardIndex","Payment")" class="btn">PROCEED TO CHECKOUT</a>
</div>

剧本:

<script>
    $(function () {
        $(".modal-body").on("click", ".sepet", function () {
            document.getElementById("modalClose").click();
            var url = $(this).data("target");
            console.log(url);
            $.post(url, function (data) { })
                .done(function (data) {
                    $("#modelView .tt-cart-content").html(data);
                })
                .fail(function () {
                    $("#modelView .tt-cart-content").text("Error!!");
                })
        });
    })
</script>

这对我很有效: Gif

您必须等待模式完全关闭,然后在您的购物车模式上调用 show,或者只是在您的 link.

上触发点击事件

示例:

$('#YOUR_MODAL_SELECTOR_WHICH_YOU_CLOSE').on('hidden.bs.modal', function () {
  //...
  $('a.sepet').click();
  //...
}