WooCommerce 迷你购物车事件触发器 [重复]

Question

每次通过 ajax 将产品添加到购物篮并刷新迷你购物车时，我都需要能够运行一些 jQuery。我不能简单地为添加到购物车创建一个偶数，因为我运行了一些 jQuery 来检查迷你购物车中是否有产品，但添加到购物车甚至在迷你购物车添加产品之前运行。这意味着我的 if 语句变为 false。

除了在 jQuery 中创建超时之外，我还能做些什么？

这是我根据当前答案修改的代码；

add_action( 'wp_footer', 'ajax_add_tocart_event' );

function ajax_add_tocart_event() {
    ?>
     <script type="text/javascript">
       jQuery( 'body' ).on( 'added_to_cart', function() {
            if( $('#mini_wrap .cart_list').length ){
                alert('hi');
            }
       } );
    </script>
    <?php
}

Answer 1

您可以使用以下代码。

   add_action( 'wp_footer', 'ajax_add_tocart_event' );
   function ajax_add_tocart_event() {
    ?>
     <script type="text/javascript">
       jQuery( 'body' ).on( 'added_to_cart', function( e, fragments, cart_hash, this_button ) {
              alert('product added to cart');
       } );
    </script>
    <?php
    } ?>

Answer 2

将此代码放入functions.php 文件中。

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(){
                    //do some code
                });
            })(jQuery);
        </script>
    <?php
} ?>