当放置在页面上的某些位置时，reCAPTCHA不会呈现

Question

我试图在WordPress上添加reCAPTCHA到WooCommerce Checkout。当我使用以下代码段时，验证码加载并正常工作：

add_action( 'woocommerce_review_order_before_payment', 'woocommerce_checkout_recaptcha_field' );

function woocommerce_checkout_recaptcha_field( ) {
    echo '<div class="g-recaptcha" data-sitekey="XXXXXXXXXXXX"></div>';
}

然而，只要我将其移到条款和条件旁边复选框：

add_action( 'woocommerce_checkout_before_terms_and_conditions', 'woocommerce_checkout_recaptcha_field' );

function woocommerce_checkout_recaptcha_field( ) {
    echo '<div class="g-recaptcha" data-sitekey="XXXXXXXXXXXX"></div>';
}

验证码停止加载。我可以看到验证码开始加载，因为页面为它做了一个间隙但是在一瞬间它再次消失。

有人有任何想法吗？ 感谢