在WooCommerce AJAX送货方法更新后运行jQuery

Question

jQuery功能需要在发货选项更新后，在结帐页面上，通过ajax调用进行初始化，并且已触发Woocommerce自定义事件updated_shipping_method。

我的jQuery代码段已设置为侦听此事件 - 但这不符合预期。

jQuery( document.body ).on( 'updated_shipping_method', function(){
  // Code stuffs

  // has the function initialized after the event trigger?
  console.log('on updated_shipping_method: function fired'); 
});

我已尝试过updated_wc_div自定义事件，但无济于事。

我在购物车页面上使用类似的方法，几乎​​逐字逐句地收听updated_cart_totals的自定义事件触发器，它完美无缺。不知道为什么结帐页面的情况不是这样。

Answer 1

更正自定义事件： updated_checkout

有问题的代码段正在侦听错误的Woocommerce自定义事件。

在这种情况下要收听的正确自定义事件是updated_checkout。

选择新的送货方式时，Woocommerce会触发ajax调用以更新购物车总数以反映所选送货方式的价格，然后触发updated_checkout。

因此，如果收听updated_checkout而不是updated_shipping_method，则会按预期触发脚本。