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

は、私はあなたの<button>このボタンをクリックしたときに検出し、モバイルのタッチデバイスを含め、どこでも動作するはず同様のイベントhistory.go(-1);をトリガーするjQueryのスクリプトを含む<a>に置き換えられています。

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ファイルにあります。

これは動作するはずです（アンドロイドとサファリデスクトップ上ではなく、iOSの上でテスト）...