Question

我有新的隐形recaptcha工作正常，但它将徽章放在左下角或右下角。您可以使用“data-badge ='inline'”覆盖它，并将其拉入表单中。谷歌如何实际移动它是非常模糊的。您无法隐藏它，因为谷歌将不再验证您的表单。洙...

问题是我似乎无法将其移动到页面上的任何其他位置。我想将它移动到我创建的div内的页面底部。有没有人成功完成这个？我尝试过appendTo，但这不起作用。

$('.grecaptcha-badge').appendTo("#g-badge-newlocation");

任何帮助都会很棒!!!

谢谢。

Answer 1

如果您想遵守Google条款，则可以使用计时器检测徽章，然后在底部向下移动徽章。您必须将badge属性设置为inline。 jQuery appendTo为我工作：

回收代码

var onSubmit = function(token) {
  console.log('success!');
};

var onloadCallback = function() {
  grecaptcha.render('submit', {
    'sitekey' : '<your_site_key>',
    'callback' : onSubmit,
    'badge': 'inline'
  });
};

设置计时器以检查和移动grecaptcha-badge元素的代码

jQuery(function($) {

    var checkTimer = setInterval(function() {
      if($('.grecaptcha-badge').length > 0) {
        $('.grecaptcha-badge').appendTo("#g-badge-newlocation");
        clearInterval(checkTimer);
      }
    }, 50);

});

请查看我的实时示例here（http://zikro.gr/dbg/google/recaptcha/）。您可以看到徽章位于#g-badge-newlocation元素内部的底部，并且它起作用，因为当您点击提交时，recaptcha会触发回调函数，该函数记录单词＆＃34;成功〜＆＃34; < / em>的

如何将隐形的Recaptcha徽章移到页面上的另一个地方

1 个答案: