Javascript 谷歌'；s recaptcha仅在提交按钮破解表单插件后出现

这个网站是用wordpress建立的，由于我使用的列表（Aweber服务）的复杂性，我不得不使用一个已经集成了它的插件，以便我的订阅者可以访问我使用的列表服务

也就是说，由于支持差，我不得不不断地破解这个插件，以便做任何事情，而且没有其他插件能像这个插件那么接近

我已经在我的提交按钮下面实现了谷歌的recaptcha

    <p class="fca_eoi_postbox_0_submit_button_wrapper">{{{submit_button}}}</p>
    <div class="g-recaptcha" data-sitekey="mysitekey"></div>

我不能只使用

$

，因为有东西正在覆盖它。我对Javascript不太熟悉，所以我可以假设其中存在错误

我的recaptcha的CSS：

.g-recaptcha {
margin:0 auto;
display:none;
}

我做错了什么

---

链接到网站-我正在处理的表单位于顶部屏幕的死点。

是否安装了jQuery？这将阻止$工作-如果您这样做了，但它仍然不工作，请使用jQuery而不是$，如下所示：

jQuery(".fca_eoi_form_input_element").focus(function() {
jQuery(".g-recaptcha").css("display:","inline-block");

如果不使用jQuery，则需要使用纯javascript

var myInput =  document.querySelector(".fca_eoi_form_input_element");
var myCaptcha = document.querySelector(".g-recaptcha");
myInput.onfocus = function() {
  myCaptcha.style.display = "inline-block";
}

---

希望其中一个有帮助

您是否安装了jQuery？这将阻止$工作-如果您这样做了，但它仍然不工作，请使用jQuery而不是$，如下所示：

jQuery(".fca_eoi_form_input_element").focus(function() {
jQuery(".g-recaptcha").css("display:","inline-block");

如果不使用jQuery，则需要使用纯javascript

var myInput =  document.querySelector(".fca_eoi_form_input_element");
var myCaptcha = document.querySelector(".g-recaptcha");
myInput.onfocus = function() {
  myCaptcha.style.display = "inline-block";
}

---

希望其中一个有帮助

快速查看您的页面，我可以看到

jQuery

可用

所以像这样的东西可以起作用：

(function($) {
    $(document).ready(function () {
        $(".fca_eoi_form_input_element").on("focus mouseover", function () {
            $(".g-recaptcha").fadeIn();
        });
    });
})(jQuery);

---

虽然我不知道你为什么要使用焦点事件。您可以像我在这里所做的那样使用多个事件，以防您决定修改其行为。

快速查看您的页面，我可以看到

jQuery

可用

所以像这样的东西可以起作用：

(function($) {
    $(document).ready(function () {
        $(".fca_eoi_form_input_element").on("focus mouseover", function () {
            $(".g-recaptcha").fadeIn();
        });
    });
})(jQuery);

---

虽然我不知道你为什么要使用焦点事件。您可以像我在这里所做的那样使用多个事件，以防您决定修改其行为。

您是否尝试过使用jQuery而不是$？如果我在注释中使用答案，如果jQuery不起作用，我是否会出错？您是否尝试过使用jQuery而不是$？如果我在注释中使用答案，如果jQuery不起作用，我会得到一个错误吗？另一个注意事项-如果您使用的是jQuery，但它不起作用，那么您可能在尝试使用jQuery之后再使用它，请确保在自定义脚本之前调用jQuery！嗯，我试过这两种方法，都不管用。我选择的css是否可能是无效的？并不是说javascript/jQuery不起作用？看起来需要为recaptcha设置一个不同的选择器（只是.g-recaptcha，而不是ID），更新了上面的答案！我在你的网站上测试了选项2，当我点击其中一个表单字段时，它显示了验证码，这是预期的功能吗？另一个注意事项-如果你正在使用jQuery，但它不起作用，那么你有可能在尝试使用jQuery之后再使用它，请确保在自定义脚本之前调用jQuery！嗯，我试过这两种方法，都不管用。我选择的css是否可能是无效的？并不是说javascript/jQuery不起作用？看起来需要为recaptcha设置一个不同的选择器（只是.g-recaptcha，而不是ID），更新了上面的答案！我在你的网站上测试了选项2，当我点击任何一个表单字段时，它会显示验证码，这是预期的功能吗？