Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript NivoSlider 3.1-包括键盘导航_Javascript_Jquery_Nivo Slider - Fatal编程技术网

Javascript NivoSlider 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() {

我正在使用WordPress和一个名为“JJNGGjQuerySlider”的插件,它利用了NivoSlider。默认情况下,该插件附带Nivo Slider 2.6,但我已将脚本升级到其最新版本3.1。然后我意识到,
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});
});
希望它能帮助你