在添加到购物车时隐藏产品,点击wooccommerce


Hide product on add to cart click woocommerce

我正在使用wooccommerce插件让用户在产品上上传pdfs。在他们点击"添加到购物车"并提交pdf后,我想隐藏"文件上传"输入和产品。

我正在研究document.getElementsByClassName,并有某种事件侦听器,但不确定如何完成该函数。

如有任何帮助,我们将不胜感激。

 jQuery(document).ready(function(){ 
    jQuery('.single_add_to_cart_button').on('click', function(event) { 
    jQuery('.single-product').toggle('hide'); }); 
    });

尝试使用hide()函数:

  jQuery(document).ready(function(){ 
    jQuery('.single_add_to_cart_button').on('click', function(event) { 
       event.preventDefault();
     jQuery('.single-product').hide(); //or jQuery(this).parent('.single-product').hide();
      jQuery(this).hide();
    }); 
    });