时间戳

首页 > 解决方案 > jQuery 隐藏 WooCommerce 购物车

jquery - jQuery 隐藏 WooCommerce 购物车

问题描述

当项目计数为零时，我试图在 wordpress 中隐藏 WooCommerce Side Cart。

我在 StackOverflow 上看到了一些方法，但它们只适用于页面刷新，并不理想。

我终于有一个 jQuery 脚本工作。这将检查页面加载时的项目计数（文档准备就绪），然后在每次项目计数更改时再次检查。当 item-count 为零时，将一个类附加到购物篮 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");
            }
        });

  });

在此处链接到带有问题篮的网站

标签： jquerywordpress

解决方案

我在 body 标签之前有脚本，所以脚本不可能附加到 body 元素！放在页脚都很好。

推荐阅读