Question

我正在购买一个购物车，而我的客户希望它在空的时候有一个背景，而在有空的时候则有另一个背景。所以这就是我得到的标记：

<a href="#" id="shopping-cart" data-count="0" class="trigger cart">
<span>
</span>
</a>

数据计数的更改正在服务器端处理并通过php更新我的问题是我不知道如何使jquery读取数据计数并使if语句读取

if data-count= 0 then add .empty  
else data-count > 0 then add .full

另外，我不确定是否应该使用.addClass或.toggleClass从空到满，对不起，到目前为止，我编写jquery的所有尝试都失败了，所有人都处理了那是在度假，所以我会感激所有的帮助。

决定更改正在使用的插件，现在我尝试在新的插件上复制它，并且似乎无法绕过它以实现它可用的新代码看起来像这样：

<?php global $woocommerce; ?>

<a class="cart-contents" href="<?php echo $woocommerce->cart->get_cart_url(); ?>" 
title="<?php _e('View your shopping cart', 'woothemes'); ?>">
<?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 'woothemes'), $woocommerce->cart->cart_contents_count);?> - <?php echo $woocommerce->cart->get_cart_total(); ?></a>

Answer 1

$('a.cart').data('count')

给出计数值。

Answer 2

你为什么不这样做？：

$cart = sprintf(_n('%d', cart::$cart_contents_count, 'mini-cart'), cart::$cart_contents_count);

if($cart >= '1')
{
?> 
<a href="#" id="shopping-cart" data-count="$cart" class="trigger cart">
<span>
</span>
</a> <?php
}
else 
{ ?>
<a href="#" id="shopping-cart" data-count="0" class="trigger cart">
<span>
</span>
</a>
<?php
}

这样您就不需要使用jQuery来隐藏不需要的元素。

在更改数据属性时切换类

2 个答案: