reCAPTCHA-相同的代码-页面上的不同操作

Question

我对Google reCAPTCHA有问题。在my blog *上不起作用-但是在测试页（在本例中为codepen）上，一切正常。我不知道什么会导致这种错误。

... form...

<fieldset>
<div id="captcha"></div>
</fieldset>
... end form...
<script type="text/javascript">
var onload = function() {
grecaptcha.render('captcha', {
'sitekey' : 'Vaild Site Key',
'theme' : 'dark',
'hl': 'pl'
/* 'hl': 'en' */
});
};
</script>
<script async src="https://www.google.com/recaptcha/api.js?onload=onload"></script>
... other content

当我单击发送表单（在我的博客中）时，会发生这样的错误：Uncaught Error: No reCAPTCHA clients exist.

这是reCAPTCHA在博客上的样子：

代码笔上的ReCAPTCHA（已转换为EN）：

* [信息：表格是每篇文章]

Answer 1

经过艰苦的工作，我设法自己解决了问题-在调用reCAPTCHA的脚本中，添加一个defer就足够了。

<script src="https://www.google.com/recaptcha/api.js?onload=load&render=explicit" async defer></script>