有人知道将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>