在 woocommerce 结帐页面上的“下订单”按钮上添加自定义脚本

【问题标题】：Add a custom script on "place order" button on woocommerce checkout page在 woocommerce 结帐页面上的“下订单”按钮上添加自定义脚本
【发布时间】：2016-09-24 01:49:21
【问题描述】：

我正在尝试在 woocommerce 结帐页面的“下订单”按钮上添加此脚本：

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

但是如果我把它放在footer.php 文件中它就不起作用。

我找到了一个资源，它建议我覆盖 woocommerce checkout.js 文件在 /my-theme/woocommerce 文件夹中进行克隆，但现在我不知道将自定义脚本放在哪里才能使其正常工作。

谢谢

【问题讨论】：

标签： javascript woocommerce checkout

【解决方案1】：

您的脚本必须放在 ready 处理程序中，但您仍然有一个问题，在每个准备好的事件（只要 DOM 完全加载时）woocommerce 通过 Ajax 更新订单审查部分，因此此操作将删除您的 @ 987654322@ 类来自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' );

【讨论】：