Question

想象一下，我在购物车页面表上添加了一个自定义按钮。每个产品下方都有一个按钮（产品表中列出了购物车）。

点击按钮需要更新ajax上的购物车总数。我尝试了以下功能。

添加了此钩子“ wp_footer”。您可以在input.qty(change keyup mouseup)上看到它正常工作。但是点击a.btn.plus无效。

console.log(jQuery('input.qty').val());正在打印数量，但触发功能不起作用。

如果我要在onclick之外添加触发功能，它是否起作用？

jQuery(document).on('click', 'a.btn.plus', function () {
    if (timeout != undefined) clearTimeout(timeout); 

    if (jQuery('input.qty').val() == '') return;

    timeout = setTimeout(function () {

        //jQuery('[name="update_cart"]').trigger('click');

        console.log(jQuery('input.qty').val());

        jQuery('button.primary.mt-0.pull-left.small').trigger('click');

    }, 1000);

});

jQuery('div.woocommerce').on('change keyup mouseup', 'input.qty', function () {

    if (timeout != undefined) clearTimeout(timeout); 

    if (jQuery(this).val() == '') return; 

    timeout = setTimeout(function () {

        jQuery('[name="update_cart"]').trigger('click');

    }, 1000);

});

Answer 1

   `<script type="text/javascript">
    var timeout;
    jQuery('div.woocommerce').on('click', 'a.btn.plus', function () {
       if (timeout != undefined) clearTimeout(timeout);
        timeout = setTimeout(function () {
       jQuery(jQuery('body').find('[name="update_cart"]')).prop('disabled',false);
       jQuery(jQuery('body').find('[name="update_cart"]')).trigger('click');
       }, 1000);
    });
    </script>`

添加自定义按钮后，如何更新购物车总点击次数？

1 个答案: