在woocommerce結帳頁面上的“下訂單”按鈕上添加自定義腳本

Question

我試圖將此腳本添加到woocommerce結帳頁面的“下訂單”按鈕上：

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

但是，如果我將其放入footer.php文件中，它將無法正常工作。

我找到了一個資源，建議我重寫woocommerce checkout.js文件，在/my-theme/woocommerce文件夾內進行克隆，但現在我不知道在哪里放置自定義腳本才能使其正常工作。

謝謝

Answer 1

您的腳本必須放置在ready處理程序中，但是在每個ready事件上（每當DOM完全加載時）仍然存在一個問題，woocommerce通過Ajax更新了Order Review部分，因此此操作將從Place Order刪除您disabled類按鈕。

您可以使用自定義事件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' );