无法在WooCommerce中单击移动版本上的自定义后退按钮

Question

在Woocommerce中，我有一个自定义的后退按钮，但是当我在移动版本中单击它时，它不起作用。

按钮链接到图像，但不链接到背面功能。

这是我的代码：

add_action( 'woocommerce_before_single_product_summary', 'woocommerce_before_single_product_summary_button', 5);
function woocommerce_before_single_product_summary_button() {
echo ' <button class="backbutton" type="button" onclick="history.back();"> Back </button> ';
}

它适用于桌面版本，但不适用于移动版本。

如何使其在移动和桌面版本上运行？

Answer 1

在您的钩子函数中，我已经通过包含 jQuery 脚本的<a>替换了您的<button>，该脚本将检测何时单击此按钮，并将触发类似的事件history.go(-1);，该事件应该在任何地方(包括移动触摸设备)都有效。

add_action( 'woocommerce_before_single_product_summary', 'woocommerce_before_single_product_summary_button', 5);
function woocommerce_before_single_product_summary_button() {
echo ' <a href="#" class="back-button button"> '. __('Back').' </a> ';
?>
<script>
(function($) {
$('a.back-button').click(function(e){
e.preventDefault();
history.go(-1);
});
})(jQuery);
</script>
<?php
}

此代码进入函数.php活动子主题(或活动主题)的文件。

这应该有效(在安卓和野生动物园桌面上测试过，但在 iOS 上没有测试)......