Есть скрипт который добавлет/ отнимает количество товара,
$("body").on('click', ".btn-minus", function () {
var p = $(this).parent(),
i = p.find("input.amount"),
s = i.val(),
v = parseInt(i.val()) - 1;
if(v >= 1) {
i.val(v);
p.find('.quantity__count').text(v);
} else {
var v = 1;
i.val(v);
p.find('.quantity__count').text(v);
}
});
$("body").on('click',".btn-plus", function () {
var p = $(this).parent(),
i = p.find("input.amount"),
s = i.val(),
v = parseInt(i.val()) + 1;
if(v <= 10) {
i.val(v);
p.find('.quantity__count').text(v);
} else {
var v = 10;
i.val(v);
p.find('.quantity__count').text(v);
}
});
И есть скрипт отвечающий за всплытие popup.
$(function() {
$("#popup-cart-active").on("change", function() {
if ($(this).is(":checked")) {
$("body").addClass("popup--open");
} else {
$("body").removeClass("popup--open");
}
});
$(".popup__fade-screen, .popup__close").on("click", function() {
$(".popup__state:checked").prop("checked", false).change();
});
$(".popup__inner").on("click", function(e) {
e.stopPropagation();
});
});
Из за этой части e.stopPropagation(); не работает изменение количества, если ее убрать. При нажатии на кнопку из. кол. попап сам закрывается. Как исправить данную несовместимостЬ?
