Javascript 如何通过按上下箭头使滑块移动

嗨，我试图通过按下上下箭头来移动这个滑块，我尝试了这个代码，但它不能正常工作

JSFIDLE

---

为什么不直接触发点击动作，让键盘做与鼠标点击相同的动作呢

$("body").keydown(function(e) {

  if(e.keyCode == 38) { // top
    $('.swiper-pagination-bullet-active').prev().trigger('click');
  }
  else if(e.keyCode == 40) { // bottom
    $('.swiper-pagination-bullet-active').next().trigger('click');
  }
});

---

为什么不触发点击操作，让键盘像鼠标点击一样操作呢

$("body").keydown(function(e) {

  if(e.keyCode == 38) { // top
    $('.swiper-pagination-bullet-active').prev().trigger('click');
  }
  else if(e.keyCode == 40) { // bottom
    $('.swiper-pagination-bullet-active').next().trigger('click');
  }
});

---

您正在使用的Swiper库有一种方法可以转到下一张幻灯片和上一张幻灯片（您可以在此处查看此库的整个API文档：）

---

您正在使用的Swiper库有一种方法可以转到下一张幻灯片和上一张幻灯片（您可以在此处查看此库的整个API文档：）

---

请分享HTML代码hi@Michael看看Jsfiddle@babuharry请在问题中填写完整的代码。问题必须是自包含的，因为如果外部链接失败，问题将失去其上下文。对不起，我将从下一次开始这样做确定，并感谢您的时间解决问题共享HTML代码请Hi@Michael看一看Jsfiddle@babuharry请在问题中填写完整的代码。问题必须是自包含的，因为如果外部链接失败，问题将失去其上下文。对不起，我将从下一次开始这样做确定，感谢您抽出时间来解决问题工作方式，先生，你能简单地解释一下它是怎么工作的吗words@babuharry如果使用键盘上/下箭头N，它只会查找swiper活动链接，并在下一个或上一个元素上触发单击事件。就像你点击元素一样。没什么要做的了是的，我明白了，但我不再注意了，我现在明白了，谢谢大家玩得开心哇，它起作用了，先生你能简单地解释一下它是怎么工作的吗words@babuharry如果使用键盘上/下箭头N，它只会查找swiper活动链接，并在下一个或上一个元素上触发单击事件。就像你点击元素一样。没有别的事要做了，我明白了，但我不再注意了，我现在明白了，非常感谢。玩得开心

var mySwiper = new Swiper(".swiper-container", {
  direction: "vertical",
  loop: false,
  pagination: ".swiper-pagination",
  grabCursor: true,
  speed: 1000,
  paginationClickable: true,
  parallax: true,
  autoplay: false,
  effect: "slide",
  mousewheelControl: 1
});

$("body").keydown(function(e) {
  if(e.keyCode == 38) { // top
    mySwiper.slidePrev();
  }
  else if(e.keyCode == 40) { // bottom
    mySwiper.slideNext();
  }
});