Question

当项目计数为零时，我试图在wordpress中隐藏WooCommerce侧推车。

我已经在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");
            }
        });

  });

Link to Website with problem basket here

Answer 1

我在body标签之前有脚本，因此脚本无法附加到body元素上！放在页脚中就可以了。

jQuery隐藏WooCommerce购物车

1 个答案: