旋转木马箭头键滚动不起作用

时间:2017-06-15 05:21:40

标签: javascript carousel bootstrap-4 slick.js

默认情况下,Carousel在页面加载时没有关注自身,这就是为什么旋转木马中的箭头键滚动除非您进行交互之外没有工作的原因,但我希望专注于Carousel并尽快页面加载,我想在Carousel中的箭头键滚动是可能的。 我尝试添加此代码:

var $carousel = $('.stest');
$(document).on('keydown', function(e) {
    if(e.keyCode == 37) {
        $carousel.slick('slickPrev');
    }
    if(e.keyCode == 39) {
        $carousel.slick('slickNext');
    }
});

我不确定我哪里出错了?需要帮助!!!

1 个答案:

答案 0 :(得分:0)

$(document).ready(function() {
  $carousel.focus();
});

这样的东西不会集中在页面加载的轮播上吗?