Woocommerce ajax添加到购物车动画

Question

我有以下代码通过ajax更新我的标题中的购物车总数但我还希望它在添加购物车项目时使计数闪烁或放大以吸引用户注意标题购物车链接。我有什么想法可以做到吗？

> dat3 <- dat1[rownumbers,]

谢谢，

斯科特。

Answer 1

我对实际动画的尝试非常糟糕，但基于this answer to a similar question，您似乎可以在WooCommerce的added_to_cart javascript触发器上执行任何操作。

jQuery(document).ready(function($) {
    $('body').on('added_to_cart',function(e,data) {
        console.log('something was added');
        console.log(data);
        $('.cart-contents').animate({font-size: 2em}, 500).animate({font-size: 1em}, 500 );
    });
});