添加产品后更新签出

Question

我试图做一些事情，比如：Woocommerce更新签出ajax！我正在为我的客户构建一个多步骤表单，其中客户正在使用ajax将产品添加到购物车中。当产品添加到购物车中时，我需要更新收银台。我尝试执行onclick功能，因此当用户在购物车中添加产品时，签出步骤将更新，而不刷新页面：

jQuery('#test').on('click',function(){
    $( document.body ).trigger( 'update_checkout' );
})

但它不起作用，我觉得我错过了一些明显的东西......任何提示？：）

Answer 1

此事件在签出更新后激发

jQuery( document ).on( 'updated_checkout', function() { 

    //Write code here to fire event 
    console.log('run');

});

Answer 2

你的代码是正确的，你必须用jQuery替换$

 //Paste this code in theme footer.php file and check it on checkout page
<?php if (is_checkout()) { ?>
  <button id="test">Click here to update checkout</button>
  <script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery('#test').on('click',function(){ alert("pp");
        jQuery( document.body ).trigger( 'update_checkout' );
      });
    });
  </script>
<?php } ?>

代码经过测试，一切正常。