0

Всем привет! Есть магазин и виджет с корзиной. По идее при добавлении товара в корзину должен появляться контейнер с классом 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>

4
  • 1
    Не вижу в вашем примере разметки элемента li с классом empty. 17 июн 2015 в 9:18
  • @Pavel Mayorov, читайте внимательно вверху (когда корзина пуста в списке "cart_list product_list_widget" отображается li с классом empty)
    – Вася
    17 июн 2015 в 11:27
  • 1
    Так отобразите его в вашем примере-то. Почему у вас пример разметки не соответствует вопросу? 17 июн 2015 в 11:29
  • 1
    @Pavel Mayorov, хорошо - добавил вверху. фишка в том, что изначально он моей разметке отсутствует и подгружается в виджет автоматом
    – Вася
    17 июн 2015 в 11:37

1 ответ 1

1

В какой момент выполняется приведенная вами проверка - после подгрузки корзины или до? Во втором случае причина несрабатывания проверки очевидна.

14
  • по идее конечно проверка должна до выполняться, чтобы знать загружать блок или корзина пустая. В чем очивидность ошибки?
    – Вася
    17 июн 2015 в 12:32
  • 1
    До того, как корзина загрузилась - в ней нет элемента li с классом empty. Вы же сами это сказали. 17 июн 2015 в 12:33
  • да, это сработало - теперь все ок, за исключением момента, когда товары добавили, потом обновили страницу или перешли на другую, страница обновляется и в ней остается товар, но корзина находится в скрытом режиме и не отображается, т.к. срабатывает на событие кнопки заказа и по умолчанию о на не отображается - как это можно обойти проверкой?
    – Вася
    17 июн 2015 в 13:03
  • 1
    Очевидно, подобную проверку следует делать каждый раз, когда ее результат может измениться. Т.е. при каждом обновлении корзины. 17 июн 2015 в 13:07
  • какого плана проверку - вот в чем вопрос?
    – Вася
    17 июн 2015 в 13:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.