时间戳

首页 > 解决方案 > 在 woocommerce_after_checkout_validation 上执行脚本

php - 在 woocommerce_after_checkout_validation 上执行脚本

问题描述

我正在尝试在所述钩子上执行脚本以在表单经过验证后创建加载图形，当将此脚本挂钩到钩子时：

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？

标签： phpwordpresswoocommercehook-woocommerce

解决方案

我知道答案已经晚了，但如果其他人需要帮助，我想回答。

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

推荐阅读