谷歌刚刚发布了他们的recaptcha的新测试版:reCaptcha v3.我试图在我的WordPress登录屏幕中实现这一点.但是它确实在右下角显示了recaptcha徽标(例如:https://www.google.com/recaptcha/intro/v3beta.html),表明脚本已加载我似乎无法触发它.
我做了什么:
1)在我的登录屏幕的标题中排列api脚本(工作)
2)设置一些js来触发验证码
入队
public static function load_login_scripts()
{
wp_enqueue_script( 'recaptchav3', 'https://www.google.com/recaptcha/api.js?render=KEY');
wp_enqueue_script( 'custom-recaptcha', 'somepath/recaptcha.js' );
}
add_action( 'login_enqueue_scripts', array($this, 'load_login_scripts'));
Run Code Online (Sandbox Code Playgroud)
js触发验证码
document.addEventListener("DOMContentLoaded", function(event) {
grecaptcha.ready(function() {
grecaptcha.execute('MYKEY', {action: 'login'}).then(function(token) {
console.log(token);
});
});
});
Run Code Online (Sandbox Code Playgroud)
这确实在控制台中记录了一个(356个字符长)令牌.
很高兴知道
我正在研究一个流浪的开发环境,认为可能是问题但是与api的交互似乎并没有被压制.
我在隐身测试,每次新会话,所以这不是问题.
有人能告诉我我错过了什么吗?
我想知道是否有办法使用自定义光滑滑块点.当我搜索时,我所能找到的就是如何将幻灯片中的点变成缩略图的例子,但这不是我想要完成的.我只想使用自己的png图片进行主动和非主动点导航.我试过这个:
$('.slick-dots li').html('<a href="#"><img src="slide-dot.png" /></a>');
$('.slick-dots li.slick-active').html('<a href="#"><img src="slide-dot-active.png" /></a>');
Run Code Online (Sandbox Code Playgroud)
但这不起作用,但我记得我之前做过类似的事情.我在这里错过了什么吗?
谢谢!
我知道关于这个主题已经有很多主题,但我还没有找到任何有用的内容.我有一个jquery代码来显示和隐藏div.
在Chrome中这很好用,在FireFox中则没有
我用chrome检查了我的控制台,说'event.returnValue已被弃用.请改用标准的event.preventDefault().
但是我没有event.returnValue.此建议也无效(event.preventDefault)
这是我的js:
<script>
$(document).ready(function(){
$(".aanmelden_event").click(function(){
event.preventDefault();
$(".event_subscribe").toggleClass("uitgeklapt");
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是我的css:
.event_subscribe{
height: 0px;
overflow:hidden;
transition: all 2s;
-webkit-transition: all 2s; /* Safari */
}
Run Code Online (Sandbox Code Playgroud)
额外的课程:
.event_subscribe.uitgeklapt{
height: 800px;
}
Run Code Online (Sandbox Code Playgroud)
我认为这是我的jquery,event.preventDefault.我还试过e.preventdefault和其他主题的其他一些建议的解决方案.不幸的是,没有工作.
有人知道我在做错了吗?我用jquery-1.10.2.min.js btw.
谢谢
javascript ×2
jquery ×2
api ×1
browser ×1
firefox ×1
google-api ×1
navigation ×1
recaptcha ×1
slick.js ×1
toggleclass ×1
wordpress ×1