Jquery 前端的woocommerce产品数据元盒

我试图让woocommerce产品数据元盒在前端的后端工作，包括属性和变体的ajax内容加载

我通过稍微修改一些代码来在前端工作，从而将metabox的输出和相关的js/css代码处理到前端。现在的问题是，我无法使add属性和variants正常工作，例如，当我单击save属性时，它将永远保持在加载屏幕上。变体部分也是如此。这是从我的前端js保存属性的代码，我是否错过了一些需要更改的内容，就像在后端一样

    // Save attributes and update variations
$( '.save_attributes' ).on( 'click', function() {

    $( '#woocommerce-product-data' ).block({
        message: null,
        overlayCSS: {
            background: '#fff',
            opacity: 0.6
        }
    });

    var data = {
        post_id:  woocommerce_admin_meta_boxes.post_id,
        data:     $( '.product_attributes' ).find( 'input, select, textarea' ).serialize(),
        action:   'woocommerce_save_attributes',
        security: woocommerce_admin_meta_boxes.save_attributes_nonce
    };

    $.post( woocommerce_admin_meta_boxes.ajax_url, data, function() {
        // Reload variations panel
        var this_page = window.location.toString();
        this_page = this_page.replace( 'post-new.php?', 'post.php?post=' + woocommerce_admin_meta_boxes.post_id + '&action=edit&' );

        // Load variations panel
        $( '#variable_product_options' ).load( this_page + ' #variable_product_options_inner', function() {
            $( '#variable_product_options' ).trigger( 'reload' );
        });
    });
});

---

您应该尝试使用Woocmerce rest API。从那时起，它会让更多人尝试“像”核心一样工作。