如何从 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();
//...
}
我正在当前模态中尝试触发另一个模态。
我当前的模态来自 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();
//...
}