Не работает условие if-else в скрипте

316

15 декабря 2016, 16:30

Всем привет! Есть магазин и виджет с корзиной. По идее при добавлении товара в корзину должен появляться контейнер с классом fixed-bottom, но проблема в том, что условие if-else (когда корзина пуста в списке "cart_list product_list_widget" отображается li с классом empty) не отрабатывает и контейнер отображается всегда, хоть у него и прописано в стилях display:none

    if ($(".cart_list.product_list_widget li").hasClass("empty")) { 
      $(".fixed-bottom").hide(); 
    } else { 
      $(".fixed-bottom").show().fadeTo("slow"); 
    };

.fixed-bottom { 
  position: fixed; 
  bottom: 0; 
  z-index: 20; 
  background-color: #990000; 
  margin: 0; 
  width: 100%; 
  color: #fff; 
  padding-top: 30px; 
  display: none; 
}

<div class="fixed-bottom"> 
  <div class="container"> 
    <p>Текст</p> 
    <p>Текст</p> 
    <p>Текст</p> 
  </div> 
</div> 
<div class="widget_shopping_cart_content"> 
  <ul class="cart_list product_list_widget "> 
      <li class="empty">Корзина пуста.</li> 
  </ul> 
</div>