woocommerceのチェックアウトページの「場所の順序」ボタンの上にカスタムスクリプトを追加

Question

私はwoocommerceのチェックアウトページの「場所の順序」ボタンの上にこのスクリプトを追加しようとしています：

$('#place_order').addClass('disabled'); 

が、私は内側にそれを置く場合footer.phpファイルは動作しません。

私はwoocommerce checkout.jsファイルをオーバーライドして/my-theme/woocommerceフォルダ内のクローンを作成するように提案しているリソースを見つけましたが、今は自分のカスタムスクリプトをどこに配置して動作させるのか分かりません。

は

Answer 1

あなたのスクリプトがreadyハンドラ内に置く必要があるありがとう、それでもあなたは（DOMが完全にロードされたときに）各readyイベントでのAjaxによる受注レビューセクションを更新woocommerce、一つの問題を持っているので、このあなたのdisabledクラスはPlace Orderボタンから削除されます。

カスタムイベントupdated_checkoutは、それぞれのUpdate Order Review ajaxアクションの最後にトリガーされます。

このようなことをしてください。

function add_checkout_script() { ?> 

    <script type="text/javascript"> 

     jQuery(document).on("updated_checkout", function(){ 
       $('#place_order').addClass('disabled'); 
      });   

    </script> 

<?php  
} 
add_action('woocommerce_after_checkout_form', 'add_checkout_script');