Блог

я использую страницы архива магазина для навигации по каждому продукту с помощью ajax, после того, как я загружу продукт и покажу его, я перезагружаю add-to-cart-variation.min.js и, похоже, это работает, но когда я выбираю вариант, я получаю сообщение об ошибке в консоли.

Мой скрипт:

js

 jQuery.ajax({
                    type: "post",
                    url: ajax_var.url,
                    data: "action="   ajax_var.action   "amp;nonce="   ajax_var.nonce   "amp;id="   id,
                    success: function(result){

                        jQuery('#mk-archive-products').append('<div id="resultado-ajax">' result '</div>');
                    },
                    complete: function(){
                        loadVariationScript();
                    },
                });

function loadVariationScript() {
jQuery.getScript("/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js");    
    jQuery('.variations_form').each(function () {
            jQuery(this).wc_variation_form();
        });
}
  

php:

 function my_event_list_cb() {
    $nonce = sanitize_text_field( $_POST['nonce'] );
    $product_id = sanitize_text_field( $_POST['id'] );

    if ( ! wp_verify_nonce( $nonce, 'my-ajax-nonce' ) ) {
        die ( 'Busted!');
    }

    

    $args = array(
        'post_type' => 'product',
        'posts_per_page' => 1,
        'post__in'=> array($product_id)
    );


    $query = new WP_Query( $args );

    if ( $query->have_posts() ) {
        while ($query->have_posts()) {
            $query->the_post();
            wc_get_template_part( 'content', 'single-product' );
        }
    }

    wp_die();
}
  

Ошибка, которую я получаю в консоли при выборе варианта, такова:

 Uncaught TypeError: e.getElementById(...) is null
    jQuery 22
        m
        onFoundVariation
        dispatch
        handle
        trigger
        trigger
        trigger
        each
        each
        trigger
        onFindVariation
        dispatch
        handle
        trigger
        trigger
        trigger
        each
        each
        trigger
        onChange
        dispatch
        handle
jquery.js line 2 > eval:1:13099
    jQuery 22
        m
        onFoundVariation
        dispatch
        handle
        trigger
        trigger
        trigger
        each
        each
        trigger
        onFindVariation
        dispatch
        handle
        trigger
        trigger
        trigger
        each
        each
        trigger
        onChange
        dispatch
        handle
    receiveMessage resource://gre/actors/SelectChild.jsm:268
    receiveMessage resource://gre/actors/SelectChild.jsm:465
  

Кто-нибудь знает способ получить продукты на этой странице архива и заставить работать форму изменения?
Заранее спасибо