Приветствую. Есть интернет-витрина с корзиной, в которую добавляются товары. При удалении позиции, по клику remove происходит удаление элемента как положено, но после этого сама страница перезагружается и не отрабатывает уже условие внутри клика if ($(".fixed-bottom .cart_list li").hasClass("empty")) {} т.е. это блок в котором находятся удаляемые элементы и по умолчанию, когда в нем ничего нет кроме div с классом empty он скрыт. А вот когда он есть -в нем находятся уже элементы, которые можно удалить, но проблема в том, что после удаления любого элемента страница перезагружается и блок снова скрывается, хотя из условия должен отображается, т.к. он не пустой.
$(".remove-item").click(function() {
if ($(".fixed-bottom .cart_list li").hasClass("empty")) {
$(".fixed-bottom").hide();
} else {
$('#foot-carousel').data('owlCarousel').removeItem($(this));
$(".fixed-bottom").show();
};
});
<div class="fixed-bottom">
<div class="container">
<div class="item" style="width: 315px;">
<div class="li">
<a href="#">
<img width="60" height="60" src="#" class="attachment-60x60 wp-post-image" alt="item-4">
</a>
<div class="product-text">
<div class="product-name">Название</div>
<span class="quantity">13 × <span class="amount">120,000 руб.</span></span>
</div>
<span class="cart-quantity">
<a href="#" class="remove-item" title="Удалить эту позицию">remove</a> </span>
</div>
</div>
...
</div>
</div>