plugins - 猫头鹰旋转木马键盘导航

Question

我希望向 Owl Carousel 插件添加键盘导航。原始 jQuery 插件的 Github 有一个关于此主题的线程 here ，所以我尝试了以下方法:

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版本中它附加了一串不断变化的数字，所以我不想碰它。我认为使用该类不会产生影响，因为它们都针对主轮播 div。

无论我尝试什么，我都会得到“未定义不是函数”。

我尝试在视觉编辑器中使用主题的“raw js”输入，并编辑插件的源文件。我不确定这是否是 WordPress 特有的，或者我是否忽略了一些非常明显的事情。任何见解将不胜感激!

我在这里使用轮播: http://hammacklawfirm.com/wp/about-paul/

Answer 1

尝试将 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');
    }

});

这样对我有用。