Javascript 一页上有多个重述

首先，我在这里找到了这种方法：

我尝试使用这里提到的相同方法，但没有奏效。在我的例子中，我使用的是一个typo3实例，它必须在同一页面上有多（2）个recaptchas

就像上面的回答中提到的，我的

然后是棘手的部分，我想，这就是我被卡住的地方：

我尝试使用建议的JS代码段，但没有任何效果。我将JS代码放在一个JS文件以及我的模板中，以查看该位置是否会导致问题。然而，没有任何效果

这是我正在使用的JS代码（现在取自模板文件）

var CaptchaCallback=函数（）{
控制台日志（“到达”）；
$（'.g-recaptcha'）。每个（函数（索引，el）{
render（el，{'sitekey'：'mykey'}）；
});
};

这就是我试图表达我的观点的方式：

<div class="g-recaptcha" data-sitekey="{settings.recaptcha.sitekey}" id="recaptcha_{field.uid}"></div>

最终会变成这样：

<div class="g-recaptcha" data-sitekey="abc-" id="recaptcha_21"></div>

我的js控制台中也没有错误

---

有什么想法吗？

您需要多个脚本标记，每个脚本标记都有一个回调。您可以根据需要添加任意数量的reCaptcha。请参阅文档：您需要多个脚本标记，每个脚本标记都有一个回调。您可以根据需要添加任意数量的reCaptcha。见文件：

<div class="g-recaptcha" data-sitekey="{settings.recaptcha.sitekey}" id="recaptcha_{field.uid}"></div>

<div class="g-recaptcha" data-sitekey="abc-" id="recaptcha_21"></div>