NivoSlider 3.1 - 包括keyboardNav

时间:2012-10-25 17:16:51

标签: javascript jquery nivo-slider

我正在使用WordPress和一个名为'jj-ngg-jquery-slider'的插件,它使用了nivo-slider。默认情况下,此插件附带Nivo Slider 2.6但我已将脚本升级到其最新版本3.1。然后我意识到从这个版本中删除了keyboardNav支持。现在我正在尝试将keyboardNav包含回脚本但我不明白为什么它不起作用。

这是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>

我已将此脚本放在nivo滑块脚本文件的末尾,然后放在header.php中,然后放在footer.php中,然后放在标头中导入的单独custom.js文件中。 PHP。没有任何效果。我究竟做错了什么?

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:

<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({keyboardNav: true});
    });
</script>

希望,它会帮助你。 !!