我正在寻找向 Owl Carousel 插件添加键盘导航。原始 jQuery 插件的 Github 有一个关于此主题的线程here https://github.com/OwlFonk/OwlCarousel/issues/65,所以我尝试了以下方法:
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/ http://hammacklawfirm.com/wp/about-paul/
尝试将 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');
}
});
这样对我有用。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)