javascript – Google“reCaptcha”有时无法显示/呈现

有时我必须多次重新加载网页,直到reCaptcha被渲染.我和一位朋友在Firefox和Chrome上都进行过测试,但问题是一致的,似乎并不依赖于使用过的浏览器.

我用来显示我的reCaptcha的代码：

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

<script>
        var CaptchaCallBACk = function(){
            grecaptcha.render('RecaptchaField1',{'sitekey' : '6LdbWAo..'});
            grecaptcha.render('RecaptchaField2',{'sitekey' : '6LfAVAo..'});
            grecaptcha.render('RecaptchaField3',{'sitekey' : '6LfqWwo..'});
            grecaptcha.render('RecaptchaField4',{'sitekey' : '6Lf4sAo..'});
        };

后来在我刚添加的表格中：< div id =“RecaptchaField1”>< / div>正确的号码.

如果关心的话,表格总是在bootstrap模式中？

编辑：
我删除了异步和延迟属性.

编辑2：
有问题的页面：http://www.dexquote.com

$(document).ready(function () {
    $('#loginModal').on('shown.bs.modal',function () {
        grecaptcha.render('RecaptchaField1',{'sitekey': '6LdbWAoTAAAAAPvS9AaUUAnT7-UKQMxz6vY4nonV'});
    })
    $('#loginModal').on('hide.bs.modal',function () {
        $("#RecaptchaField1").empty();
    })
});