单击woocommerce上的“添加到购物车”按钮后如何添加ajax加载图标答案

【问题标题】：How to add ajax loading icon after click add to cart button on woocommerce单击woocommerce上的“添加到购物车”按钮后如何添加ajax加载图标
【发布时间】：2018-07-24 18:25:31
【问题描述】：

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

我在我的网站中使用以下代码

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

但此代码在“添加到购物车”按钮上显示“加载”图标。我想在网站上显示微调器，例如结帐页面微调器。

用户点击“添加到购物车”按钮后效果也很好，但我想在成功执行后删除这个图标。

请帮帮我！！

【问题讨论】：

提供您的网站网址。
我不能在这里发布
你有视频群聊吗？
如果它已经通过ajax从单个产品页面添加产品，那么您可能不需要编写javascript来添加微调器。点击add to cart时检查是否有添加或删除任何类？
我的问题是现在装载机的位置

标签： ajax wordpress woocommerce cart

【解决方案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
}

【讨论】：