在 Woocommerce 中将 ajax 添加到购物车事件后运行 javascript 代码

Posted 2023-05-08

【中文标题】在 Woocommerce 中将 ajax 添加到购物车事件后运行 javascript 代码

【英文标题】：Run javascript code after ajax add to cart event in Woocommerce

【发布时间】：2018-08-23 05:33:54

【问题描述】：

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

button product_type_simple add_to_cart_button ajax_add_to_cart 

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

【问题讨论】：

如果页面加载时JS文件加载，那么你可以只使用onClick事件来运行你想要的代码吗？加载“文件”onclick 是不可能的，但有一个建议的解决方法here

【参考方案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

代码进入活动子主题（或活动主题）的 function.php 文件中。经过测试并且可以工作。