轮播箭头键滚动不起作用答案

【问题标题】：Carousel Arrow Key Scroll Not Working轮播箭头键滚动不起作用
【发布时间】：2017-06-15 05:21:39
【问题描述】：

默认情况下，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');
    }
});

我不确定我哪里出错了？需要帮助！！！

【问题讨论】：

这对我来说似乎很完美，不确定是什么阻止了你，你可以粘贴更多代码，或者你可以为我们构建一个小提琴。谢谢
@LalitSachdeva 如何创建 JSFiddle ？

标签： javascript carousel bootstrap-4 slick.js

【解决方案1】：

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

这样的东西不会专注于页面加载时的轮播吗？

【讨论】：

不，它没有。