WooCommerce点击应用优惠券后触发的正确回调函数是什么？

架构老林

2026-9-28

问题排查与修复方案

1. 事件调用正确性说明

你调用的applied_coupon事件本身是WooCommerce官方提供的优惠券应用成功触发的标准事件，事件名没有错误，代码不生效通常是以下两个原因：

事件绑定时机早于WooCommerce核心JS加载完成，导致事件监听没有成功挂载
优惠券应用完成后WooCommerce会通过AJAX局部刷新购物车区域的DOM，你原有绑定在被替换DOM节点上的JS事件会随旧DOM销毁而失效，和你这段监听代码本身无关

2. 可运行的修正代码

需要把代码挂载到jQuery就绪回调中，同时如果要处理DOM刷新后的原有JS失效问题，也要统一用事件委托的方式绑定其他交互事件，以下是修正后的代码：

jQuery(function($) {
  // 优惠券应用成功监听
  $(document).on('applied_coupon', function(event, coupon) {
    $('.woocommerce .cart .button, .woocommerce .cart input.button').hide();
  });

  // 处理优惠券应用失败的场景可添加该监听
  $(document).on('applied_coupon_failed', function(event, data) {
    // 自定义失败后的处理逻辑
  });

  // 其他原来绑定在购物车DOM上的交互事件，全部改成事件委托写法，避免AJAX刷新后失效，示例：
  // 不要写 $('.xxx').click(function(){})，改用以下写法
  $(document).on('click', '.你原来的选择器', function() {
    // 原有交互逻辑
  });
});