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

reCAPTCHA - Same code - different action on pages

我对 Google reCAPTCHA 有疑问。在 my blog* it doesn't work - but on the test page (in this case 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 是这样的:

codepen 上的 ReCAPTCHA(翻译成 EN):

*[信息:表格是每post]

经过努力我自己解决了这个问题——在调用reCAPTCHA的脚本中,添加一个defer.

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