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

时间:2017-12-26 03:34:54

标签: php jquery wordpress mobile woocommerce

在Woocommerce中,我有一个自定义后退按钮,但是当我在移动版中点击它时,它无法正常工作。

按钮链接到图像,但没有后面的功能。

这是我的代码:

Private Sub CommandButton1_Click()

With Worksheets("sheet2")
For J = 23 To 26
      .Cells(J, "o").GoalSeek Goal:=0, ChangingCell:=.Cells(J, "n")
Next J

End With

End Sub

适用于桌面版,但不支持移动版。

如何在移动版和桌面版上使其正常工作?

1 个答案:

答案 0 :(得分:1)

在您的钩子函数中,我已将<button>替换为<a>,其中包含一个jQuery脚本,该脚本将检测何时单击此按钮并触发应该在任何地方工作的类似事件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
}

此代码位于您的活动子主题(或活动主题)的function.php文件中。

这应该有效(在Android和safari桌面上测试,但不在iOS上测试)...