Как использовать debounce в jquery?

Question

[Владимир]

Есть код:

jQuery( function( $ ) {
  $( 'body' ).on( 'change', '.qty', function() { // поле с количеством имеет класс .qty
     setTimeout(function() { 
                    $( '[name="update_cart"]' ).trigger( 'click' );
                }, 1300 );
  } );
  
    $( 'body' ).on( 'click', '.quantity-button.inc, .quantity-button.dec', function() { // элементы инкремента/декремента 
     setTimeout(function() { 
                    $( '[name="update_cart"]' ).trigger( 'click' );
                }, 1300 );
  } );
} );

Этот код тригерит кнопку "обновить корзину" после нажатия на + или - с задержкой в 1300м/с.
Есть задача доработать этот код и сделать так, чтобы тригер срабатывал с задержкой, но после последнего нажатия на кнопку. Для этого подключил плагин debounce, но не получается правильно написать скрипт.

Answer 1

[Михаил]

jQuery(function($) {
    var updateCart = _.debounce(function() {
      $('[name="update_cart"]').trigger('click');
    }, 1300);

    $('body').on('change', '.qty', function() {
      updateCart();
    });

    $('body').on('click', '.quantity-button.inc, .quantity-button.dec', function() {
      updateCart();
    });
  });

Comments

[Владимир]

Выдает ошибку:
Uncaught ReferenceError: _ is not defined
at HTMLDocument. ((индекс):1412:22)

Демо: sushiwin-partners.ru/cart

[Михаил]

Подключите lodash
Например: https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4...

[Владимир]

Михаил, Да, теперь все отлично. Спасибо!