新的recaptcha在（基本上）同一页面中不起作用两次答案

【问题标题】：New recaptcha doesn't work twice in (basically) the same page新的recaptcha在（基本上）同一页面中不起作用两次
【发布时间】：2015-02-14 08:46:48
【问题描述】：

对于我的网站，我将所有子页面加载到一个 div 中，该 div 基本上涵盖了除了通过 jquery 的菜单之外的所有内容。结构是这样的，你按下帐户按钮，你会得到登录表单，然后有一个链接（触发 onclick 功能）到注册页面。

我首先通过最简单的方法将验证码引入了注册页面，因为我无法使用其他任何方法。一切都很好，直到我将验证码添加到登录页面，现在注册页面没有呈现它并且我收到“未捕获的错误：ReCAPTCHA 占位符元素必须为空”错误。

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

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

这是显示注册页面的功能

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

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

【问题讨论】：

stackoverflow.com/a/27703907/1377507
我试过了，它从控制台中删除了错误，但没有任何验证码出现。编辑:: 我已经阅读了那个答案，这不是我的问题。该重置是在提交表单并且信息不好之后，验证码被重置而不刷新页面。我的问题是我无法在同一页面上加载两个不同的验证码

标签： javascript php jquery html recaptcha

【解决方案1】：

我也遇到了这个错误：

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

在我的情况下，问题是我两次导入了库。

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

【讨论】：