运行 jQuery WooCommerce AJAX 送货方式更新后

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，脚本将按预期触发。