在哪里可以找到WooCommerce管理页面上触发的Javascript（JQuery）事件的完整列表？

在哪里可以找到WooCommerce管理页面上触发的Javascript（JQuery）事件的完整列表

例如，如果要在从产品编辑页面向产品添加新属性后运行Javascript函数，应使用哪个事件

答案仅报告WooCommerce前端中的事件

WooCommerce管理员的Javascript事件可在以下目录中找到：

/wp content/plugins/woocommerce/assets/js/admin

如果您想在Wordpress管理员中使用JQuery，请记住在加载JQuery后加载脚本

看看这些答案：

请确保将页脚中的

$in\u footer

参数设置为 函数，否则事件可能不会发生 在Wordpress管理页面中触发

有关详细信息：

元盒订单

• quantity\u changed

  订单项目行的数量发生变化时触发（以及更新行的合计和税费后）

• 订单总额在发送Ajax请求重新计算总额之前触发（单击“重新计算”之后）

• 订单总额重新计算成功

  在Ajax请求成功时触发（单击“重新计算”后）

• 订单总额重新计算完成

  在Ajax请求完成时触发（单击“重新计算”后）

• items\u saved

  单击“Save”并发送Ajax请求后触发

• 退款\数量\更改

  更改要退款的产品数量时触发

元盒积变量

• wc-enhanced-select-init

  加载变体时运行操作（在产品编辑页面上）

• woocommerce\u variations\u loaded

  通过Ajax加载变体后触发（在产品编辑页面上）

• woocommerce\u variations\u saved

  通过Ajax保存对变体的更改后触发

• woocommerce\u variations\u save\u variations\u按钮

  点击“保存更改”按钮后触发

• woocommerce\u variations\u save\u variations\u on\u submit

  点击“更新”按钮而非“保存更改”后触发

• woocommerce\u variations\u added

  在添加变体后触发

• woocommerce\u variations\u removed

  删除变体后触发

• woocommerce\u variations\u input\u changed

  在更改变体的任何输入字段后触发。添加变体需要更新类并启用“保存更改”按钮（删除禁用的属性）后触发此事件

• woocommerce\u变体\u默认值\u更改

  更改选择“默认表单值”后触发

元盒产品

• woocommerce产品类型更改

  选择的“产品类型”更改时触发

• woocommerce\u added\u属性

  通过“添加”按钮添加属性行后触发

• 重新加载

  在重新加载变体面板后触发

设置

• updateMoveButtons

  在对付款方式或发货方式进行排序后触发

---

用法 使用

admin\u enqueue\u脚本

hook将.js文件排队，以便在所有管理页面上运行

在我的示例中，我使用

get\u stylesheet\u directory\u uri（）

获取子主题的url。要获取根主题的URI，应使用

get\u template\u directory\u URI（）

然后您需要创建一个

admin scripts.js

文件，并将其上传到目录：

/themes/child-theme/js/admin/admin scripts.js

jQuery(function($){
    // triggered when the product type changes
    $('body').on('woocommerce-product-type-change',function(){
        // run code
    });

    // triggered when the quantity of the order item line changes
    $('body').on('quantity_changed',function(){
        // run code
    });

    // ...
});

jQuery(function($){
    // triggered when the product type changes
    $('body').on('woocommerce-product-type-change',function(){
        // run code
    });

    // triggered when the quantity of the order item line changes
    $('body').on('quantity_changed',function(){
        // run code
    });

    // ...
});