前端的woocommerce产品数据元变量

Question

我正在努力让woocommerce产品数据元数据在前端的后端完全正常工作，包括属性和变体的ajax内容加载。

我已经通过将元数据的输出和相关的js / css代码应用到前端来完成它，稍微修改一些代码以在前端工作。现在的问题是我无法使add属性和变体正常工作，例如当我点击保存属性时它会一直保持在加载屏幕上。对于变体部分也是如此。这是从我的前端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' );
        });
    });
});