Как обновить корзину со страницы магазина при увеличении / уменьшении количества товаров в woocommerce?

Question

Вот код, который я использую для обновления моей корзины с помощью ajax на странице CART-

jQuery('div.woocommerce').on('change keyup mouseup', 'input.qty', function(){ // keyup and mouseup for Firefox support
    if (timeout != undefined) clearTimeout(timeout); //cancel previously scheduled event
    if (jQuery(this).val() == '') return; //qty empty, instead of removing item from cart, do nothing
    timeout = setTimeout(function() {
        jQuery('[name="update_cart"]').trigger('click');
    }, 1000 );
});

Он работает нормально, но моя проблема в том, что когда я пытаюсь использовать тот же код на странице магазина, он не обновляет мойкорзина - вот что я пробовал -

jQuery('li.product').on('change keyup mouseup', 'input.qty', function(){ // keyup and mouseup for Firefox support
    if (timeout != undefined) clearTimeout(timeout); //cancel previously scheduled event
    if (jQuery(this).val() == '') return; //qty empty, instead of removing item from cart, do nothing
    timeout = setTimeout(function() {
        jQuery('[name="update_cart"]').trigger('click');
    }, 1000 );
});

Вот ссылка, если вы хотите проверить (https://cdn.royalancer.co.uk/test/).

Answer 1

Вы можете использовать как это

jQuery('li.product').on('change keyup mouseup', 'button.plus.qib-button,button.minus.qib-button', function(){ // keyup and mouseup for Firefox support
   var timeout;
   var this_ = jQuery(this);
       timeout = setTimeout(function() {
       this_.parent().parent().find('.ajax_add_to_cart').trigger( 'click' );
       clearTimeout(timeout);
    }, 1000 );
});