Выполнение скрипта на 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.