当woocommerce购物车为空时隐藏元素，出现在AJAX上添加到购物车

Question

我有一个woocommerce商店，其中购物车中的项目数显示在标题中的购物车图标旁边。此区域的CSS选择器是 .woofc-menu-item-inner：after 。我目前正在使用以下代码在购物车为空时隐藏该元素：

    // Remove Item Count when Bag is Empty //

add_action('wp_head', 'hook_css', 99999);
function hook_css() {
    // If cart is empty hide the item count
    if(WC()->cart->is_empty())
        echo '<style type="text/css"> .woofc-menu-item-inner:after{display:none !important;}</style>';
}

但是，以上代码仅适用于页面加载。我目前使用了两个插件（用于WooCommerce的Ajax添加到购物车，用于WooCommerce的Ajax购物车自动更新）来更新购物车的内容而无需重新加载页面。用AJAX添加/删除项目时，是否有任何显示/隐藏此元素的内容？