如何在woocommerce上点击add to cart按钮后添加ajax加载图标

Question

我想添加一个加载图标后，用户点击添加到购物车在woocommerce单页上的项目。

我在我的网站上使用下面的代码

jQuery('a.add_to_cart_button').click(function(){
    jQuery(this).append('<img src="/spinner.gif" width="20px" height="20px"/>')});

但是这段代码在“添加到购物车”按钮上显示了“加载”图标。我想在网站上显示微调，就像结账页面的微调。

此外，它工作良好后，用户点击“添加到购物车”按钮，但我想删除这个图标后成功执行。

请帮帮我!！

Answer 1

尝试使用此代码编写当前活动的主题functions.php

add_action( 'wp_footer', 'custom_trigger_ajax_add_to_cart' );
function custom_trigger_ajax_add_to_cart() {
    ?>
        <script type="text/javascript">
            (function($){
                $('body').on( 'added_to_cart', function(){
                    ///Your action
                });
            })(jQuery);
        </script>
    <?php
}