在 ajax 添加到 Woocommerce 中的购物车事件后运行 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
}

代码进入活动子主题（或活动主题）的 function.php 文件。 测试和工作。

Answer 2

如果您需要访问JQuery，则需要添加一个钩子来点击该类的所有元素。 .click（）文档 。

基本上你需要做的是以下几点：

$('.button').click(function(event){
// your code here
});

其中$（）调用jQuery，'。button'表示所有带有类（'。'）'按钮'的元素，而.click正在为这些项上的每个click事件添加一个处理程序。 阅读文档以获得进一步说明+已经有很多关于此主题的问题，因此大多数信息都在docs或stackoverflow \\ google中。

祝好运！