新 google nocaptcha 弹出窗口

Question

我在实施 google 的新 nocaptcha 时遇到了一些困难。我想做的是在弹出窗口中使用它，但由于某种原因它出现在页面上，即使我隐藏了元素。

这是一个代码片段。

<script>
$('#btnMe').click(function() {
    $('.g-recaptcha').show();

});
$('.g-recaptcha').hide();
</script>

<div id="human-check">
    <script src="https://www.google.com/recaptcha/api.js"></script>
    <div class='g-recaptcha' data-sitekey='my public key'></div>
</div>

首先是调整框架的大小，但我找不到任何关于如何使用新的我不是机器人验证码进行调整的信息。

有人成功过吗？

Answer 1

您需要将 jquery 括在

中

$(document).ready(function () {

});

因此您的代码将是

<script>
$(document).ready(function () {
$('#btnMe').click(function() {
    $('.g-recaptcha').show();

});
$('.g-recaptcha').hide();
}); 
</script>

新 google nocaptcha 弹出窗口

new google nocaptcha popup

jquery

recaptcha