Plugins 猫头鹰转盘键盘导航

Plugins 猫头鹰转盘键盘导航,plugins,jquery,Plugins,Jquery,我正在寻找添加键盘导航到猫头鹰转盘插件。原始jQuery插件的Github有一个关于此主题的线程,因此我尝试了以下方法: var owl = $('.owl-carousel'); $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { owl.prev(); } else if (event.keyCode == 39) { owl.next(); } }); 其他人使用#

我正在寻找添加键盘导航到猫头鹰转盘插件。原始jQuery插件的Github有一个关于此主题的线程,因此我尝试了以下方法:

var owl = $('.owl-carousel');

$(document.documentElement).keyup(function(event) {
if (event.keyCode == 37) {
    owl.prev();
} else if (event.keyCode == 39) {
    owl.next();
}
});
其他人使用#owl carousel作为选择器,但在Wordpress版本中,它附带了一串不断变化的数字,所以我不想碰它。我不认为使用这个类会有什么不同,因为它们都以主旋转木马分区为目标

无论我尝试什么,我都会得到一个“未定义的不是函数”

我曾尝试在VisualComposer中使用我的主题的“rawJS”输入,并编辑插件的源文件。我不确定这是Wordpress特有的,还是我忽略了一些非常明显的东西。任何见解都将不胜感激

我在这里使用旋转木马:

尝试将owl变量放入函数中,如下所示:

jQuery(document.documentElement).keyup(function (event) {    

    var owl = jQuery(".owl-carousel");

    // handle cursor keys
    if (event.keyCode == 37) {
       // go left
       owl.trigger('owl.prev');
    } else if (event.keyCode == 39) {
       // go right
       owl.trigger('owl.next');
    }

});

Din的回答让我从正确的方向开始,但看起来Owl改变了语法:Owl.prev和Owl.next对我不起作用。但这是:

$(document).ready(function() {

    var owl = $('.owl-carousel');
    owl.owlCarousel({
        loop:true,
        margin:10,
    });

    /*keyboard navigation*/
    $(document.documentElement).keyup(function(event) {    
        if (event.keyCode == 37) { /*left key*/
            owl.trigger('prev.owl.carousel', [700]);
        } else if (event.keyCode == 39) { /*right key*/
            owl.trigger('next.owl.carousel', [700]);
        }
    });

});

首先:您确定您的脚本是在加载owl旋转木马脚本之前执行的吗?我看到你已经将代码放在了网站的标题中,但是我看不到owl旋转木马脚本的加载位置。非常有洞察力,谢谢你的回复。我使用的主题似乎将VisualComposer中的任何“原始js”放在头部,这就是为什么我尝试编辑插件文件的原因@Leroy99的建议解决了最新版本的Owl中的问题,正确的触发器是
prev.Owl
next.Owl
。()我需要用我的猫头鹰旋转木马版本触发“next.owl.carousel”和“prev.owl.carousel”。其他人可能也需要这样做。如何使幻灯片仅在用户看到滑块时移动,当前当用户在页面上的任何其他位置按向上或向下键时,幻灯片将移动?