新的 recaptcha 在(基本上)同一页面中不起作用两次

New recaptcha doesn't work twice in (basically) the same page

对于我的网站,我将所有子页面加载到一个 div 中,它基本上涵盖了除通过 jquery 的菜单之外的所有内容。 结构是这样的,你按下账户按钮,你得到登录表单,然后有一个link(触发一个onclick函数)到注册页面。

我首先通过最简单的方法将验证码引入了注册页面,因为我无法使用其他任何方法。 一切都很好,直到我将验证码添加到登录页面,现在注册页面不呈现它并且我收到 "Uncaught Error: ReCAPTCHA placeholder element must be empty" 错误。

验证码在两个页面上的加载方式如下:

<script src='https://www.google.com/recaptcha/api.js'></script>
<div id="captcha" class="g-recaptcha" data-sitekey="6LeNGScO_"></div>   

register.php 上的相同内容,但通过 echo

这是显示注册页面的函数

function goregister()
{
    grecaptcha.reset();
    page = 4;
    var element = "#mbody";
    var link = "/php/register.php";
    $(element).load(link);
}

我什至尝试向验证码添加一个 id div 并将其 innerhtml 设置为“”,但仍然无济于事。

我也有这个错误:

未捕获错误:ReCAPTCHA 占位符元素必须为空

在我的例子中,问题是我两次导入了库。

更确切地说:我的 CMS MURA 导入了一次库,以提供 reCaptcha 作为默认服务。而且我是第二次导入库,不知道