Question

我正在使用WooCommerce建立一个电子商务网站。在产品页面上，除了特定产品外，我还有可选的附加组件，其下方带有数量按钮，可将其添加到购物车中。

我试图每次更改数量时将这些项目添加到购物车中（即，当有人点击加号时，它将自动将相应的项目添加到购物车中。）

我已经成功完成了（某种）操作，但是由于某种原因，即使我通过ID，值或任何其他特定字段来调用它们，它也会一次将所有这些都添加到购物车中，理想情况下，我碰到加号的任何一项是我要添加到购物车的唯一项目。这是我的代码。

我愿意根据需要提供尽可能多的信息，如果在此期间发现答案，我会发布答案。谢谢。

<script> 
    var timeout;
 
jQuery( function( $ ) {
    
    $('.woocommerce').on('change', 'input.qty', function(){
 
        if ( timeout !== undefined ) {
            clearTimeout( timeout );
        }
 
        timeout = setTimeout(function() {
            $("[name='update_cart']").trigger("click");
        }, 500 );
        timeout = setTimeout(function() {
            $("[id='co2-alarm']").trigger("click");
        }, 500 );
        timeout = setTimeout(function() {
            $("[id='motion-sensor']").trigger("click");
        }, 500 );
        timeout = setTimeout(function() {
            $("[id='outdoor-camera']").trigger("click");
        }, 500 );
        timeout = setTimeout(function() {
            $("[id='smoke-alarm']").trigger("click");
        }, 500 );// 1 second delay, half a second (500) seems comfortable too
 
    });
} );

</script>

使用WooCommerce将数量更改添加到购物车中

0 个答案: