Material Design Lite在mdl-js-layout中重新加载reCAPTCHA v2复选框

时间:2019-03-07 09:06:16

标签: material-design recaptcha

有人知道将reCAPTCHA放在Material Design Lite的mdl-js-layout类中时为什么会重新加载。

这是代码:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
    <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
    <script>
        var onloadCallback = function () {
            grecaptcha.render('recaptcha', {
                'sitekey': '<PUT YOUT SITE KEY HERE>',
                'size': 'compact'
            });
        };
    </script>
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</head>
<body>
    <form>
        <div class="mdl-layout mdl-js-layout">
            <div id="recaptcha" class="recaptcha" style="display: inline-block;"></div>
        </div>
    </form>
</body>
</html>

This the screenshot of the reload in Chrome Dev Tools

0 个答案:

没有答案