在woocommerce_after_checkout_validation上执行脚本

Question

将表单验证到钩子后，我正在尝试在上述钩子上执行脚本以创建加载图形，

add_action( 'woocommerce_after_checkout_validation', 'create_loading_gui');
function create_loading_gui($data)
{
        echo '<script type="text/javascript">
        jQuery(document).ready(function($) {
        $("#main > .container").css("opacity", 0);
        $("#main").addClass("loading-overlay");
        $(".woocommerce").css("display", "none");
        });
        </script>';

}

生成的代码仅将脚本与“格式错误的json固定”输出到浏览器的控制台中，我想它与checkout.js一起使用。

如果不是通过这种方式，在验证表单后如何在结帐页面上操作DOM？

Answer 1

我知道答案来晚了，但是如果有人需要帮助，我想回答。

问题是，在呈现文档之后，您将无法回显任何内容。您的解决方案是使用AJAX。