在 WooCommerce 中的 ajax 添加到购物车事件之后运行 JavaScript 代码

Question

在woocommerce中，我有一个添加到购物车按钮，其中包含以下类：

button product_type_simple add_to_cart_button ajax_add_to_cart 

我想在单击此按钮后运行 javascript 代码。它是一个自定义的JS文件。单击此类时如何触发自定义 js 文件？

Answer 1

尝试以下代码，一旦产品添加到购物车，您就可以在 ajax 添加到购物车时触发一些代码：

add_action( 'wp_footer', 'trigger_for_ajax_add_to_cart' );
function trigger_for_ajax_add_to_cart() {
    ?>
        <script type="text/javascript">
            (function($){
                $('body').on( 'added_to_cart', function(){
                    // Testing output on browser JS console
                    console.log('added_to_cart'); 
                    // Your code goes here
                });
            })(jQuery);
        </script>
    <?php
}

代码进入函数.php活动子主题(或活动主题(的文件。经过测试并工作。