Javascript NivoSlider 3.1-包括键盘导航
我正在使用WordPress和一个名为“JJNGGjQuerySlider”的插件,它利用了NivoSlider。默认情况下,该插件附带Nivo Slider 2.6,但我已将脚本升级到其最新版本3.1。然后我意识到,Javascript NivoSlider 3.1-包括键盘导航,javascript,jquery,nivo-slider,Javascript,Jquery,Nivo Slider,我正在使用WordPress和一个名为“JJNGGjQuerySlider”的插件,它利用了NivoSlider。默认情况下,该插件附带Nivo Slider 2.6,但我已将脚本升级到其最新版本3.1。然后我意识到,keyboardNav支持从此版本中删除。现在我试图将键盘导航重新包含到脚本中,但我不明白为什么它不起作用 这是键盘导航的代码: <script type="text/javascript"> $(window).load(function() {
keyboardNav
支持从此版本中删除。现在我试图将键盘导航
重新包含到脚本中,但我不明白为什么它不起作用
这是键盘导航的代码:
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
$("body").keydown(function(e) {
if(e.keyCode == 37)
{ // left
$(".nivo-prevNav").click();
}
else if(e.keyCode == 39)
{ // right
$(".nivo-nextNav").click();
}
});
</script>
$(窗口)。加载(函数(){
$(“#滑块”).nivoSlider();
});
$(“正文”).keydown(函数(e){
如果(e.keyCode==37)
{//左
$(“.nivo prevNav”)。单击();
}
否则如果(e.keyCode==39)
{//对
$(“.nivo nextNav”)。单击();
}
});
我将此脚本放在nivo滑块脚本文件的末尾,然后放在
header.php
中,然后放在footer.php
中,然后放在一个单独的自定义.js文件中,该文件被导入header.php中。什么都没用。我做错了什么 试试这样的方法:
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({keyboardNav: true});
});
</script>
$(窗口)。加载(函数(){
$('#slider').nivoSlider({keyboardNav:true});
});
希望它能帮助你