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

Question

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

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

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

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

谢谢

Answer 1

您的脚本必须放入ready处理程序中，但仍然有一个问题，在每个就绪事件上（每当 DOM 完全加载时），woocommerce 通过 Ajax 更新订单审核部分，因此此操作将从按钮disabled中删除您的类Place Order。

updated_checkout您可以使用将在每个 ajax 操作结束时触发的自定义事件Update Order Review。

做一些这样的事情。

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' );