Woocommerce 自定义功能 - 添加到购物车

Question

我们一直在主题中使用自定义函数。

    add_shortcode('add_to_cart_button', 'add_to_cart_func');

    function add_to_cart_func($atts) {

      $str = '<span class="new_product_header"><span class="button single_add_to_cart_button" onclick="jQuery(\'.single_add_to_cart_button \').click()">ADD TO CART</span></span>';

      return $str;

    }

在上次 WP 更新之前工作正常，现在当您单击按钮时，它会无限循环将产品一遍又一遍地添加到购物车中。

关于为什么无限循环或停止它的方法的任何想法？

Answer 1

你的代码中有一个独特之处

$str = '<span class="new_product_header"><span class="button single_add_to_cart_button" onclick="jQuery(\'.single_add_to_cart_button \').click()">ADD TO CART</span></span>';

您已将单击事件附加到具有类 .single_add_to_cart_button 的跨度上，并且在单击事件时您尝试运行以下代码相同的元素。

jQuery('.single_add_to_cart_button').click();

所以基本上当你的事件触发时，它会继续触发事件。

只需删除

onclick="jQuery(\'.single_add_to_cart_button \').click()"

一切都会好起来的。