jQuery Скрыть корзину WooCommerce

Question

Я пытаюсь скрыть боковую корзину WooCommerce в WordPress, когда количество элементов равно нулю.

Я видел несколько способов использования StackOverflow, но они работают только на странице refre sh, не идеально.

Наконец-то у меня работает скрипт jQuery. Это проверяет количество элементов при загрузке страницы (документ готов), а затем снова при каждом изменении количества элементов. Когда количество элементов равно нулю, класс добавляется к элементу div корзины «hide-the-count».

Я понял, что по ошибке оставил в некотором тексте перед открывающим тегом сценария. Когда я удаляю текст, скрипт больше не отслеживает изменения количества элементов (он работает при загрузке).

Консоль не показывает ошибок, хотя я подозреваю, что я делаю ошибку в приведенном ниже коде?

<script type='text/javascript'>
    jQuery(document).ready(function(){
        jQuery(".xoo-wsc-items-count").each(function(){
            if (jQuery(this).text().trim() === '0') {
                jQuery(".xoo-wsc-basket").addClass("hide-the-count");
            }

        });
    });

jQuery("body").on('DOMSubtreeModified', "#item-count", function () {
     $(".xoo-wsc-items-count").each(function(){
        if ($(this).text().trim() === '0') {
            $(".xoo-wsc-basket").addClass("hide-the-count");
        }
        else {
            $(".xoo-wsc-basket").removeClass("hide-the-count");
            }
        });

  });

Ссылка на сайт с корзиной проблем здесь

Answer 1

У меня был скрипт перед тегом body, поэтому скрипт не смог присоединиться к элементу body! Размещается в нижнем колонтитуле все отлично.