Javascript 猫头鹰旋转木马-使用Prev/Next跳过过去的图像

我们的自定义猫头鹰旋转木马的行为与预期不符-当拖动和使用键盘箭头将您带到下一张幻灯片时，上一张和下一张箭头将“跳过”下一张幻灯片跳到下一张幻灯片

下一张幻灯片确实会短暂出现，但会快速切换到下一张幻灯片

我在main.js设置中尝试了一些方法，但没有成功。任何想法都将不胜感激，因为我有点困惑

main.js代码是：

$(document).ready(function() {

// initialise owl
  $(function() {
      var owl = $('.owl-carousel');
      owl.owlCarousel({
      items:1,
      lazyLoad:true,
      loop:true,
      useMouseWheel: false,
      nav: true,
      center: true,
      dots: false,
      margin: 0,
      stagePadding: 0,
      URLhashListener: true,
      startPosition: 'URLHash',
      animateIn: 'fadeIn',
      animateOut: 'fadeOut'
    });

    // click for next image
    $(owl).click(function() {
      owl.trigger('next.owl');
    })

      // add arrow keys to carousel navigation
      $(document).on('keydown', function( event ) { //attach event listener
        if(event.keyCode == 37) {
          owl.trigger('prev.owl')
        }
        if(event.keyCode == 39) {
          owl.trigger('next.owl')
          }
      });
      // end arrow keys



  }); // end owl


}); // end document ready

---

如果代码的其他部分有用的话，很乐意与大家分享。提前感谢您的指导

随着@Tiberiusan给我指出了正确的方向，我想出了一个解决方案：

点击下一张图片的部分是针对整个猫头鹰转盘的点击

我修改了这段代码以针对owl item div，从而解决了问题，如下所示：

      // click for next image
  $('.owl-item').click(function() {
    owl.trigger('next.owl');
  })

---

再次感谢，@tiberiusan

我想现在发生的是两次点击事件被触发。请注意，当您单击图像（$（'.owl carousel'）元素时，它会触发一次。但是，当您单击任一箭头时，您将触发您创建的单击事件以及库的单击事件。因此它发射了两次。您需要定义要单击的内容，然后触发下一个或上一个触发器。让我知道你进展如何。：）谢谢提比略人——我注意到了这一点（箭头击键也能正常工作）。根据上面的代码，导航箭头由布尔设置激活，因此我不确定如何定义用户按照您的建议单击的内容（我仍在尝试绕js转），我明天会看一看，但如果您要注释掉您的单击函数，箭头是否有效？如果是这样的话，那么我最初的评论证明问题与单击绑定有关。@Tiberiusan-你完全正确-注释掉了单击功能，导航箭头按其应有的方式工作。那么，有什么线索可以让两者协调工作呢？谢谢你的帮助。没问题@Mike，我可以看到它现在和你的代码一起工作。不错。