Owl 轮播 - 使用上一张/下一张跳过过去的图像

Question

我们的自定义 Owl 旋转木马未按预期运行 - 在拖动和使用键盘箭头将您带到下一张幻灯片时，上一张和下一张箭头会跳转 'over' 下一张幻灯片之后。

下一张幻灯片出现的时间很短，但很快就会跳到下一张幻灯片。

我在 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

很高兴分享代码的任何其他部分，如果它有用的话。在此先感谢您的指导！

Answer 1

@Tiberiuscan 为我指明了正确的方向，我想出了一个解决方案：

下一个图像部分的点击针对的是整个 owl 旋转木马的点击。

我修改了此代码以针对 owl-item div 并解决了问题，如下所示：

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

再次感谢@Tiberiuscan

Owl 轮播 - 使用上一张/下一张跳过过去的图像

Owl Carousel - Skips Past Images using Prev / Next

javascript

wordpress-theming

slider

owl-carousel