小编Maa*_*tje的帖子

在WordPress登录屏幕中实现reCAPTCHA v3

谷歌刚刚发布了他们的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的交互似乎并没有被压制.

  • 我在隐身测试,每次新会话,所以这不是问题.

有人能告诉我我错过了什么吗?

javascript api wordpress google-api recaptcha

16
推荐指数
1
解决办法
2391
查看次数

光滑的滑块自定义点

我想知道是否有办法使用自定义光滑滑块点.当我搜索时,我所能找到的就是如何将幻灯片中的点变成缩略图的例子,但这不是我想要完成的.我只想使用自己的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)

但这不起作用,但我记得我之前做过类似的事情.我在这里错过了什么吗?

谢谢!

javascript navigation jquery slick.js

3
推荐指数
3
解决办法
4万
查看次数

Jquery没有在ff工作

我知道关于这个主题已经有很多主题,但我还没有找到任何有用的内容.我有一个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.

谢谢

browser firefox jquery cross-browser toggleclass

0
推荐指数
1
解决办法
2113
查看次数